.pbanner img{width: 100%; }
.pbanner{ overflow: hidden; }
.pbanner-C{ position: absolute; left: 10%; top: 25%; width: 80%; text-align: center; color: #fff;}
.pbanner-C article{ position: relative;}
.pbanner-C .c{ overflow: hidden;}
.pbanner-C .zh{line-height: 1.2; font-weight: bold;}
.pbanner-C .zh span{ font-size:28px; }
.pbanner-C .en{ text-transform: uppercase;}
.pbanner-C .en span{ font-size: 32px;}
.pbanner-C .bot{ width: 0px; height: 4px; display: block; margin: 20px auto 0; background-color: #fff; opacity: 0; transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -webkit-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s;}
.pbanner-C .c span{color: #fff; display: block; opacity: 0; transform: translate(0px,100%); -webkit-transform: translate(0px,100%); transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -webkit-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s;}
.pbanner-C.inview  .c span{ transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1;}
.pbanner-C.inview  .bot{ width: 50px; opacity: 1;}

.pageNavBox {height:56px;position:relative;}
.pagenav {width:100%;}
.cpnav {display:none;width:100%;color:#fff;background-color:#304c92;line-height:40px;height:40px;overflow:hidden;text-align:center;font-size:16px;cursor:pointer;}
.cpnavbox {height:56px;line-height:56px;-webkit-transition:height 0.3s;transition:height 0.3s;background-color:#FFFFFF;text-align:center;}
.cpnavbox a {text-align:center;color:#333333;display:inline-block;padding:0px 30px;position:relative;font-size: 16px;position: relative;z-index: 1}
.cpnavbox a:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index:-1;
    background: #304c92;
    transform-origin: 100%;
    -webkit-transform-origin: 100%;
    -webkit-transition: -webkit-transform .7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform .7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform .7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform .7s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform .7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    visibility: hidden\9;
}
.cpnavbox a:hover,.cpnavbox a.active {color:#fff;}
.cpnavbox a:hover:before,.cpnavbox a.active:before {transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform-origin: 0;
    -webkit-transform-origin: 0;
    visibility: visible\9;}
.news_box {background-color:#f5f5f5;padding: 50px 0}


/*news.html*/
.new-list{ padding-bottom: 20px;}
.new-list dd{ margin-bottom: 26px; background-color: #fff; position: relative; transition:0.3s; -webkit-transition:0.3s;}
.new-list dd:hover img{    transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);}
.new-list .img{ float: left; display: block; width: 44.5%; overflow: hidden;}   
.new-list .img img{ display: block; width: 100%; transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out;}
.new-list .con{ float: left; margin-left: 5%; width: 46%; padding-top: 40px;}
.new-list .t{color:#333;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out; margin-bottom: 15px; font-size: 18px; line-height: 1.5; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative;}
.new-list .con p{ height: 50px; overflow: hidden; margin-bottom: 32px; text-align: justify;font-size: 15px;line-height: 28px;color: #666}
.new-list .nsbot{ border-top: 1px solid #dedede; padding: 12px 0px;font-size: 14px; color: #818181}
.nsilder-list a:hover,.new-list dd:hover .t{ color: #304c92;}
.new-list dd:hover .more i{ width: 100%;}
.new-list dd:hover{ box-shadow:0 0 24px rgba(0,0,0,0.2);}

.new_page_c{border-right: 0px solid #dedede;    padding-right: 0%;width: 100%;}
.nsbot {font-family:arial,helvetica,sans-serif;position:relative;font-size: 14px; }
.new_page_silder {width:100%;}
.nsbot .more {background:url(../images/yuand.png) no-repeat scroll left center;width:29px;height:6px;position:absolute;right:0;top:50%;margin-top:-3px;}
.nsbot .more i {background:url(../images/more2.png) no-repeat scroll left center;position:absolute;left:0px;top:0px;width:0px;height:100%;transition:0.3s;-webkit-transition:0.3s;}
.iboxt-mt {margin-bottom:40px;}
.iboxT .zh {font-size:28px;color:#333333;line-height:1.5;}
.iboxT .en {color:#666;font-family:arial,helvetica,sans-serif;text-transform:uppercase;font-size: 15px;}
.nsilder-box {color:#818181;margin-bottom:22px;position:relative;}
.nsilder-box .img {overflow:hidden;position:relative;margin-bottom:18px;}
.nsilder-box .img img {width:100%;display:block;transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;}
.nsilder-box .txt {background:none rgba(0,0,0,0.65);position:absolute;left:0;bottom:0;width:100%;color:#fff;padding:12px 5%;overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap;}
.nsilder-list {border-top:1px solid #dedede;font-size:15px;}
.nsilder-list li {border-bottom:1px solid #dedede;}
.nsilder-list a {transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;font-size: 15px;height:44px;display:block;line-height:44px;padding-left:36px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative;}
.nsilder-list a:before {content:"";position:absolute;left:14px;height:7px;width:7px;border-radius:50%;background-color:#959595;top:50%;margin-top:-3px;}
.nsilder-box:hover .img img {transform:scale(1.04);-webkit-transform:scale(1.04);}
.nsilder-box:hover .more i {width:100%;}
.page_desc {margin:20px auto;text-align:center;font-size:14px;}
.page_desc li {display:inline-block;}
.page_desc li>span,.page_desc li a {padding:8px 15px;display:inline-block;border:1px solid #d8d8d8;color:#333;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.page_desc li span.current,.page_desc li a:hover {background:#304c92;color:#fff;border:1px solid #304c92}


.page_news{ background-color: #f5f5f5;padding: 10px 0; }
.page_box{ background-color: #fff; }
.wrap_same .padding,.page_box .padding{padding:20px;}
.title_box{ border-bottom: 1px solid #ddd;padding-bottom: 20px;margin-bottom: 30px; }
.title_box h5{ font-size: 28px;text-align: center;margin-bottom: 20px;margin-top: 20px;line-height:1.6;}
.title_box span{ color: #666;text-align: center;display: block;font-size: 15px; }

.news_same p{ font-size: 16px; line-height: 30px; color: #666}
.news_same img,.news_same p img{ max-width: 100%!important;height:auto!important; }
.previous {margin-top:20px;padding:26px 0px 0;border-top:1px solid #dedede;position:relative;}
.previous .previ {font-size: 15px;display:block;width:130px;height:44px;text-align:center;line-height:44px;color:#333333;background-color:#dedede;}
.backlist {font-size: 15px;display:block;width:145px;height:44px;text-align:center;line-height:44px;color:#fff;background:#304c92;position:absolute;left:50%;margin-left:-72px;top:26px;}
.backlist:hover{background:#272727;color:#fff!important;}


/*investor.html*/
.investor .li {padding:25px 40px;box-sizing:border-box;border-bottom:1px solid #e5e5e5;background:#fff;line-height:26px;position:relative;overflow:hidden;}
.investor .p {position:relative;z-index:5;width:calc(100% - 150px);padding-left:40px;box-sizing:border-box;background:url(../images/img11.png) no-repeat left center;}
.investor .p p {font-size:16px;color:#666;}
.investor .time {font-size:14px;color:#999;position:relative;z-index:5}
.investor .li a:before {content:"";width:100%;height:100%;position:absolute;left:0;top:100%;background:#304c92;transition:680ms;}


/*job.html*/
.inner_iob1 .con_ik{ background-color: #fff }
.inner_left img{ width: 100%; }
.inner_right p{ font-size: 16px; line-height: 30px;color: #666 }
.btnMore {margin:20px 0;width:144px;height:50px;line-height:50px;background-color:#f5f5f5;text-align:center;position:relative;z-index:1;float:left;margin-right:15px;}
.btnMore a {display:block;}
.btnMore:before {content:"";width:100%;height:100%;background-color:#304c92;z-index:-1;position:absolute;left:0;bottom:0px;transform-origin:100%;-webkit-transform-origin:100%;-webkit-transition:-webkit-transform .42s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .42s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform .42s cubic-bezier(.4,0,.2,1),-webkit-transform .42s cubic-bezier(.4,0,.2,1);transform:scaleX(0);-webkit-transform:scaleX(0);visibility:hidden\9;}
.btnMore .txt {color:#666666;padding-right:30px;position:relative;font-size: 15px;}
.btnMore .txt i {background:url(../images/btn_m1.png) no-repeat scroll right center;position:absolute;right:0;top:0;width:14px;height:100%;transition:.42s cubic-bezier(.4,0,.2,1);}
.btnMore:hover:before {transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);transform-origin:0;-webkit-transform-origin:0;visibility:visible\9;}
.btnMore:hover .txt {color:#fff;}
.btnMore:hover .txt i {background-position:left center;}
.inner_iob2 {/*background-size: cover;*/margin-top:80px;width:100%;overflow:hidden;position:relative;background-repeat:no-repeat;background-position:center top;padding:150px 0 80px;}
.ctitle {text-align:center;margin-bottom:20px;}
.ctitle h2 {font-size:28px;color:#304c92;    font-weight: bold;}
.ctitle h5 {font-size:15px;text-transform:uppercase;color:#c1c0c0;padding:5px 0px 15px 0px;}
.serviceln ul li img {width:100%;height:auto;}
.serviceln ul li span {transition:0.3s; -webkit-transition:0.3s;padding:30px 25px;min-height:164px;display:block;background-color:#fff;}
.serviceln ul li span h1 {transition:0.3s; -webkit-transition:0.3s;font-size:20px;padding-bottom:10px;text-transform:uppercase;}
.serviceln ul li span i {height:2px;width:30px;background:#666;}
.serviceln ul li span h6 {transition:0.3s; -webkit-transition:0.3s;font-size:16px;padding-top:10px;line-height:30px;color:#666;}
.serviceln ul li:hover span{background: #304c92;}
.serviceln ul li:hover span h6,.serviceln ul li:hover span h1{ color: #fff }

/*recruit.html*/
.joinBody .result{padding:40px 0 }
.joinBody .result .tit{display:block;width:100%; overflow:hidden;}
.joinBody .result .tit span{width: 25%;height:60px;font-size:16px;color:#fff; text-align:center;font-weight:bold;background:#304c92;border-bottom:1px solid #e5e5e5;line-height:60px;}
.joinBody .result ul{display:inline-block;width:100%;}
.joinBody .result ul li{float:left;width:100%;position: relative;margin-top: -1px;}
.joinBody .result ul li>a{float:left;width:100%;height:55px;line-height:55px;padding:0;margin:0;background:none;border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5;float:left;background:#fff;}
.joinBody .result ul li>a span{width: 25%;font-size:16px;color:#666; text-align:center;float:left;    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.joinBody .result ul li>a.cur,.joinBody .result ul li>a:hover{background:#c1c1c1;}
.joinBody .result ul li .txtok{display:none;float:left;    background: #fff;width: 100%;}
.joinBody .result ul li .txtok p{font-size:16px;color:#666;line-height:30px;}
.joinBody .result ul li .txtok .padding{ padding: 30px; }
.joinBody .result ul li .txtok .tabbox {padding:0 0 30px 0;border-bottom:1px solid #dfdfdf;}
/* .joinBody .result ul li .info {margin-top:30px;} */
.joinBody .result ul li .txtok .tabbox td {color:#333;font-size:15px;}
.joinBody .result ul li .txtok .tabbox .tt {font-size:16px;color:#666;margin-bottom:0;}
.joinBody .result ul li .txtok .btnMore{ background:#304c92  }
.joinBody .result ul li .txtok .btnMore .txt{ color: #fff }
.joinBody .result ul li .txtok .btnMore .txt i{background-position:left center;}
.joinBody .result ul li .txtok .btnMore:before{background-color:#9a6c02;} 


.bulletin{ background-color:#fff; }
.bulletin .padding{ padding: 30px; }
/*.bulletin p{ font-size: 15px; line-height: 32px; }
.bulletin p img{ max-width: 100%; }*/


/*jon_detail*/
.recruit_detail h4{ font-size: 28px; text-align: center;margin-bottom:50px; }
.recruit_detail ul.ul1 li{ width: 100%;float: left;height:auto; }
.recruit_detail .padding{ padding: 20px; background-color: #fff; }
.recruit_detail label{float: left;line-height: 45px;font-size: 15px; }
.recruit_detail ul.ul1 li label{ width:25%; }
.recruit_detail ul.ul2 li label{ width:130px; }
.recruit_detail label span{ color: red }
.recruit_detail ul.ul1 li select,.recruit_detail ul.ul1 li input[type=text]{ border:none; padding: 10px;border:1px solid #d4d4d4;width:75%;}
.recruit_detail ul.ul2{ margin-top:15px; }
.recruit_detail ul.ul2 li{ width: 100%; float: left;margin-bottom: 20px; }
.recruit_detail ul.ul2 li textarea{ width:100%;height: 150px;border:1px solid #d4d4d4;padding: 10px;resize: none; }
.submit{ text-align: center;margin-top: 20px; }
.submit input[type=submit]{font-size: 15px;-webkit-appearance: none; font-family: "Microsoft YaHei";width: 100px; background-color: #304c92;border:none;color: #fff;padding: 10px 0;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.submit input[type=submit]:hover { background-color: #9a6c02;}

/*yanf*/
.joinList .oneItem{ display: block; position: relative;}
.joinList .img{ display: block; width: 50%; overflow: hidden; background-color: #000;}
.joinList .img img{ width: 100%; display: block; transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.joinList .con{ position: absolute; left: 50%; top: 0px; width: 50%; height: 100%; transition: all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.joinList .itemBox{ width: 500px; margin: 0px 0px 0px 70px; display: block; height: 100%;}
.joinList .itemBox .t{ font-size:28px; color: #304c92;}
.joinList .itemBox p{ margin: 25px 0px; font-size: 16px;line-height: 30px;color: #666}
.joinList dl:nth-of-type(odd) .con{ left: 0 }
.joinList dl:nth-of-type(odd) .img{ float: right;}
.joinList dl:nth-of-type(odd) .itemBox{float: right;margin: 0px 70px 0px 0px;}
.joinList dl:nth-of-type(even) .img{ float: left; }
.joinList dl:nth-of-type(even) .itemBox{float: left;margin: 0px 0px 0px 70px; }
.joinList .oneItem:hover .img img {transform:scale(1.06);-webkit-transform:scale(1.06);opacity:0.5;filter:alpha(opacity=50);}
.joinList .align-vertical {height:100%;width:100%;position:relative;display:table;}
.joinList .vertical-inner {display:table-cell;vertical-align:middle;}

/*about*/
.about_same{ margin-bottom: 50px; }
.about1 .about_right{ padding: 0;overflow: hidden;}
.about1 .about_right img{-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s;}
.about_right img {width:100%;display:block;}
.about1 .about_right:hover img {-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.8;filter:alpha(opacity=80);}

.about h3{ font-weight: bold; font-size: 20px;margin-bottom: 20px;  }
.text_same p,.about p{ font-size: 16px; line-height: 30px;color: #666 }
.text_same img,.text_same p img{ height: auto!important;max-width: 100%!important }


/*develop*/
.cntl {position:relative;width:100%;overflow:hidden;}
.cntl-center {left:0;right:0;margin-left:auto;margin-right:auto;}
.cntl-bar {position:absolute;width:7px;top:10px;bottom:0;background-color:#ccc;}
.cntl-bar-fill {background-color:#304c92;position:absolute;left:0;right:0;top:0;height:0;}
.cntl-state {position:relative;width:100%;min-height:200px;margin-bottom:50px;}
.cntl-state::after {display:block;content:' ';clear:both;}
.cntl-icon {margin-top: 10px;border-radius:50%;width:80px;height:80px;background-color:#fff;box-shadow:0px 0px 19px #a2a2a2;position:absolute;top:0;text-align:center;line-height:80px;font-size:24px;color:#333;}
.cntl-content {    background-color: #fff;width:45%;padding:2%;background-color:rgba(238,238,238,0.25);float:right;opacity:0;position:relative;margin-right:-40%;}
.cntl-state:nth-child(2n+2) .cntl-content {float:left;margin-left:-40%;}
.cntl-state:nth-child(2n+2) .cntl-image{ float: right; }
.cntl-image {opacity:0;width:45%;padding:10px; background-color: #fff;}
.cntl-state:nth-child(2n+1) .cntl-image {float:left;}

.cntl-image img {max-width:100%;}
.cntl-content h4 {font-size:20px;font-weight:bold;margin-bottom:20px;}


/*animations*/
.cntl-bar-fill,.cntl-content,.cntl-image {-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-o-transition:all 500ms ease;-ms-transition:all 500ms ease;transition:all 500ms ease;}
.cntl-state:nth-child(2n+2).cntl-animate .cntl-content {margin-left:0%;text-align: right;}
.cntl-animate .cntl-content {opacity:1;margin-right:0%;}
.cntl-animate .cntl-image {opacity:1;text-align: center;}


/* mobile support */
@media (max-width:600px) {
	.cntl-state:nth-child(2n+2) .cntl-image {float: none;}
	.cntl-bar {left:auto;right:37px;}
	.cntl-content {width:79%;float:none;}
	.cntl-state:nth-child(2n+2) .cntl-content {margin-right:0%;float:none;}
	.cntl-image {width:77%;}
	.cntl-state:nth-child(2n+1) .cntl-image {float:none;}
	.animate .cntl-content {margin-left:2%;}
	.cntl-icon {left:auto;right:12px;width: 60px;height: 60px;font-size: 18px;line-height: 60px;}
}

/*联系我们*/
.contact1{ margin: 40px 0;padding-top: 10px;}
.contact1 h2{ font-size: 28px;margin: 0 0px 30px 0;}
.contact_left .libox .contact_li {margin:20px 0;}
.contact_left .libox .contact_li .h_same {font-size:18px;color:#304c92;padding-left:30px;background-image:url(../images/con_icon.png);background-repeat:no-repeat;line-height:30px;background-size:25px;}
.contact_left .libox .contact_li .h_same.h_a {background-position:0 -97px}
.contact_left .libox .contact_li .h_same.h_b {background-position:0 -23px}
.contact_left .libox .contact_li .h_same.h_c {background-position:0 -48px}
.contact_left .libox .contact_li .h_same.h_d {background-position:0 -72px}
.contact_left .libox .contact_li .h_same.h_e {background-position:0 3px}
.contact_left .libox .contact_li .h_same.h_f {background-position:0 -123px}
.contact_left .libox .contact_li .contact_p {font-size:15px;color:#666;line-height:30px;}
#map1_container,#map2_container {width:100%;height:350px;overflow:hidden;margin:0;border:1px solid #ddd;}
#allmap1 {margin:0 0 3px;height:100%;}
#allmap2 {margin:3px 0 0;height:100%;}


/*社会责任*/

.social_1 {background-color:#f5f5f5;padding:100px 0px;position:relative;}
.aboutPbox .iboxText {margin-bottom:60px;text-align:center;}
.aboutPbox .iboxText .zh {font-size:20px;color:#333333;line-height:1.5;}
.aboutPbox .iboxText .en {color:#666;font-family:arial,helvetica,sans-serif;text-transform:uppercase;}
.social_1 .aboutP_list {margin-bottom:50px;text-align:center;}
.aboutP_list li{display: inline-block; width: 100%;padding: 0px 0px 20px;border-right: 1px solid #cdcdcd;color: #525252;line-height: 1.5;vertical-align: top;text-align: left;}
.aboutP_list li:last-child{ border-right: 0px none;}
.aboutP_list .txt{ color: #304c92; font-family: "微软正黑体","Microsoft JhengHei"; font-size: 24px; line-height: 1.2;}
.aboutP_list .num{ font-size: 35px; padding-right: 10px;}
.aboutP_list .add{ position: absolute; font-weight: bold;}
.aboutP_list .en{ font-family: arial, helvetica, sans-serif; font-size: 12px; text-transform: uppercase;color: #525252}
.aboutP_list .zh{ font-weight: bold;}
.aboutPbox .pageC{ text-align: center; width: 100%;margin: auto;}
.social_1 .pbot{ background: url(../images/y.png) no-repeat scroll center center; background-size: cover; background:none rgba(245,245,245,1); border-radius: 50%; width: 75px; height: 75px; position: absolute; left: 50%; bottom: -37px; margin-left: -37px; cursor: pointer;}
.social_1 .pbot i{ background: url(../images/abot.png) no-repeat scroll center center; width: 25px; height: 15px;position: absolute; left: 50%; top: 50%; margin: -7px 0px 0px -12px; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
.aboutC_box{ background-color: #fff; padding: 0px 0px 80px 0;}
.aboutC_box .pageC{ width: 82%; margin: 0px auto; }

.fixedImg {background-position:center top;background-repeat:no-repeat;background-size:cover;}
.fixedImg_box {background:none rgba(0,0,0,0.2);padding:135px 0px;}
.pro_bottom p,.pageC p {font-size:16px;text-align: justify;line-height: 30px;color: #666;  }
.pro_bottomp img,.pro_bottom img,.about img,.about p img,.pageC p img,.pageC img{ max-width: 100% !important; height: auto !important;}

@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}



.title_page .font45 {font-size:20px;color:#174F90;text-align:left;float:left;font-weight:bold;clear:both;padding-top: 60px;}
.title_page .shx2 {width:50px;height:10px;border-bottom:1px solid #ccc;clear:both;float:left;}
.title_page .font18 {font-size:20px;color:#505050;text-align:left;padding-top:20px;padding-bottom:10px;float:left;clear:both;font-weight: bold;}
.title_page .shxian {width:100%;border-bottom:1px solid #999;padding-top:10px;margin-bottom: 20px;clear: both;}

/*产品中心*/
.innova_detail,.pro_detail,.pro_gray {background-color:#f3f3f3;padding:50px 0;}
.wrap_same,.product .wrap {max-width:1440px;margin:0 auto;}
.product .sub_tit {padding-bottom:22px;border-bottom:1px solid #ddd;padding-left: 15px;}
.product .sub_tit h4 {position:relative;margin-bottom:10px;font-size:22px;color:#000;    font-weight: bold;}
.product .sub_tit h4:before {position:absolute;top:0;left:-20px;width:5px;height:100%;content:'';background:#304c92;}
.product .sub_tit h6 {font-size:12px;color:#a5a5a5;}
.product .sub_nav {width:100%;font-size:0;padding-top:30px;padding-left: 15px;}
.product .sub_nav a {display:inline-block;height:36px;padding:0 30px;margin-bottom:30px;margin-right:10px;font-size:16px;color:#777;line-height:36px;vertical-align:top;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.product .sub_nav a:hover,.product .sub_nav a.on {background:#304c92;color:#fff;}


.Product .pr_box ul li {float:left;width:calc(50% - 10px);margin:15px;background:#fff;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.Product .pr_box .pr_img {width:100%;padding:20px;border-bottom:1px solid #ccc;box-sizing:border-box;text-align:center;}
.Product .pr_box .pr_img img {max-width:100%;max-height:100%;}
.Product .pr_box .pr_txt {padding:20px;}
.Product .pr_box .pr_txt span {display:block;font-size:16px;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;}
.Product .pr_box ul li:hover {-webkit-transform:translateY(-10px);transform:translateY(-10px);box-shadow:1px 1px 10px 0 rgba(0,0,0,0.2);}
.Product .pr_box ul li:hover .pr_txt span {color:#304c92;}


/*详情*/
.fl_pro{ text-align: center; }
.fr_pro h4{    display: block; font-size: 28px; color: #304c92;line-height: 34px;margin:50px 0 20px;}
.fl_pro img{ max-width: 100% }
.fr_pro p{ color: #666; font-size: 16px; line-height:30px; }

/*.more_doe{ margin-top: 30px; width: 210px;height: 45px;background: #304c92;text-align: center;position: relative;}
.more_doe a{display: inline-block;font-size: 16px;color: #fff; line-height: 45px;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;width: 210px;height: 45px;}
.more_doe:before{
   content: "";
    width: 100%;
    height: 100%;
    background-color: #08194f;
    position: absolute;
    left: 0;
    z-index: -1;
    bottom: 0px;
    transform-origin: 100%;
    -webkit-transform-origin: 100%;
    -webkit-transition: -webkit-transform .42s cubic-bezier(.4,0,.2,1);
    transition: -webkit-transform .42s cubic-bezier(.4,0,.2,1);
    transition: transform .3s cubic-bezier(.4,0,.2,1);
    transition: transform .42s cubic-bezier(.4,0,.2,1),-webkit-transform .42s cubic-bezier(.4,0,.2,1);
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    visibility: hidden\9;}
.more_doe i{ background:url(../images/eyes.png) no-repeat;width: 32px; height: 25px; display: inline-block;background-size: 25px;    position: relative;top: 8px; }*/
/*.more_doe:hover:before{    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform-origin: 0;
    -webkit-transform-origin: 0;
    visibility: visible\9;}*/
.intro{padding: 35px 0; font-size: 24px; color: #333;border-bottom: 1px solid #ddd;margin-bottom: 40px;}
.pro_bottom{ margin-bottom: 50px; }

.cells .wrap{ background-color: #fff; }
.cells .padding{padding:10px;}
.pro_detail .btnMore{width: 210px;height: 50px;background-color: #304c92;}
.pro_detail .btnMore i {background: url(../images/gou.png) no-repeat;width: 32px;height: 25px;display: inline-block;background-size: 25px;position: relative;top: 5px;}
.pro_detail .btnMore .txt{ padding-right: 0;color: #fff; }
.pro_detail .btnMore:before{background-color: #3c5fab;}
.innova_detail .wrap{ background-color: #fff }


/*表格*/
.page_table h4{ font-size: 18px;color: #333;font-weight: bold;margin-bottom: 20px; }
.page_table tr th{ font-size: 16px; }
.message h5{ font-size: 28px; text-align: center;margin-bottom: 30px; }
.message .message_left{ width: 100%; }
.form-group .btn-default{ background-color: #304c92;color: #fff }

/*校园招聘*/
.recuit .white_86 .w795 {width:95%;margin:auto;}
.recuit .industry_Page {padding:60px 0px 40px;text-align:center;background:none rgba(255,255,255,0.86);}
.recuit .industry_Page .t {font-size:18px;color:#304c92;line-height:1.4;margin-bottom:10px;}
.recuit .industry_Page .by {font-weight:bold;font-size:18px;color:#383838;line-height:1.2;margin-bottom:28px;}
.recuit .industry_Page .txt {margin-bottom:28px;}
.recuit .industry_Page .txt p{ line-height: 2em;font-size: 15px; }
.recuit .industry_Page .en {color:#999999;font-size:16px;margin-bottom:50px;}
.recuit .industry_Page .en span {position:relative;padding:0px 10px;}
.recuit .industry_Page .en span:before,.industry_Page .en span:after {content:"";width:128px;height:1px;display:block;position:absolute;top:50%;background-color:#a0a0a0;}
.recuit .industry_Page .en span:before {left:100%;}
.recuit .industry_Page .en span:after {right:100%;}
.pbot {background:url(../images/pbot_1.png) no-repeat scroll center center;width:71px;height:71px;display:block;margin:0px auto;position:relative;}
.pbot i {background:url(../images/pbot_ico1.png) no-repeat scroll center center;width:12px;height:16px;position:absolute;left:50%;top:20px;margin-left:-6px;-webkit-animation:mouse-dot 1.5s cubic-bezier(0.23,1,0.32,1) infinite;animation:mouse-dot 1.5s cubic-bezier(0.23,1,0.32,1) infinite;}

.industrys{ overflow:hidden; height: auto;}
.industry-list li{float:left; overflow:hidden; position:relative; transition:width 455ms;padding: 0}
.industry-list li figure{ display:block; overflow:hidden; position:relative; text-align:center; background-position: center center;  background-repeat: no-repeat; height: auto;    background-size: cover;}
.industry-list li figure img{ display:none;width: 100%;}
.industry-list li .black-40{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;    background: none rgba(0,0,0,0.4);}
.industry-item{ width: 330px;height: 312px; position: absolute; left: 0;top: 0; margin:auto; text-align: center; z-index: 1;bottom: 0;right: 0}
.industry-item:before{content: ""; display:block; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; transform-origin: left bottom; -webkit-transform-origin:left bottom; -webkit-transition:-webkit-transform .52s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .52s cubic-bezier(.4,0,.2,1); transition:transform .52s cubic-bezier(.4,0,.2,1); transition:transform .52s cubic-bezier(.4,0,.2,1),-webkit-transform .52s cubic-bezier(.4,0,.2,1); transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9; z-index: -1;}
.industry-item p{ transition:  0.3s; -webkit-transition: 0.3s;}
.industry-item .ico{ width: 60px; height: 60px; display: block; margin: 70px auto 4px; position: relative; transition:  0.3s; -webkit-transition: 0.3s;}
.industry-item .ico i{ background-size: cover; background-repeat: no-repeat; background-position: center center; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.industry-item .ico .i1{ display: block;}
.industry-item .ico .i2{ display: none;}
.industry-item .t{ font-size: 16px; line-height:2; margin-bottom: 5px;    color: #fff;}
.industry-item .en{ text-transform: uppercase; line-height: 1.1;    color: #fff;}
.industry-item .by{ color: #666666; opacity: 0; visibility: hidden; line-height: 1.1;}
.industry-item .addico{ background: url(../images/add_ico.png) no-repeat scroll center center; background-size: cover; width: 10px; height: 10px; display: block; margin: 0px auto 42px; transition:  0.3s; -webkit-transition: 0.3s;}
.industry-item .moreBtn{ opacity: 0; margin: 0px auto; visibility: hidden; background-image: url(../images/more_bg2.png);text-align: center;display: block; width: 110px;padding-bottom: 2px;position: relative; background-repeat: no-repeat;background-position: center bottom;}
.industry-item .moreBtn .txt{ color: #304c92;}
@keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}
@-webkit-keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}

/*宣讲会*/
.history {background:url(../images/line04.png) repeat-y 187px 0;position:relative;width: 700px;margin: auto;}
.history_date ul li {background:url(../images/icon07.png) no-repeat 180px 0;padding-bottom:50px;zoom:1;}
.history_date ul li.last {padding-bottom:0;}
.history_date ul li:after {content:" ";display:block;height:0;clear:both;visibility:hidden;}
.history_date ul li h3 {float:left;width:168px;text-align:right;padding-right:19px;font-size: 18px;color: #304c92;height: 20px;}
.history_date ul li h3 span {display:block;color:#d0d0d0;font-size:12px;}
.history_date ul li dl {float:left;padding-left:41px;margin-top:-5px;}
.history_date ul li dl dt {font-size:14px;color:#737373;font-weight: normal;}
.history_date ul li dl dt strong{ font-size: 18px; font-weight: normal;color: #000 }

/*招聘流程*/
.process1{padding: 30px 0}
.process1_left span{    font-size: 22px; font-weight: bold;position: relative;}
.process1_left span:after{ content: "";width: 34px;height: 4px;background: #304c92;position: absolute;left: 0;bottom: -12px;}
.process1_right p{ font-size: 16px; line-height: 2em;color: #666 }

.process2{ background-color: #f5f5f5;padding: 30px 0;text-align: center; }
.informad {display:inline-block;text-align:left;padding-top:122px;padding-bottom:22px;width:48%;padding-left:20px;padding-right:20px;background:#fff;box-shadow:0 0 7px rgba(0,0,0,0.35);position:relative;margin: 0;}
.informad img {display:block;max-width:48px;position:absolute;right:24px;top:30px;}
.informad span {display:inline-block;text-align:left;padding-top:19px;color:#323232;font-size:14px;line-height:1;position:relative;font-weight:bold;}
.informad span:before {content:"";width:18px;height:4px;background:#304c92;position:absolute;left:0;top:0;transition:0.48s;}
.informad:hover span:before {width:100%;}
.informad:hover img {-webkit-animation:jello 1s;-moz-animation:jello 1s;animation:jello 1s;}

@-webkit-keyframes jello {
    from, 11.1%, to { -webkit-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}

@-moz-keyframes jello {
    from, 11.1%, to { -moz-transform: none; transform: none }
    22.2% { -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}

@keyframes jello {
    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}

.process3{position: relative;width: 100%;height: 100%;background-size: cover;left: 0;top: 0;background-position: center;background-attachment: inherit;background-image: url(../images/back.jpg);text-align: center;}
.pickerwr { padding:50px 0}
.pickerwr strong{display: block;line-height: 1.2;color: #fff;font-size:22px;text-align: center;text-shadow: 0 0 7px rgba(0,0,0,0.35);}
.pickerwr a {display:block;width:158px;height:48px;text-align:center;line-height:48px;color:#fff;font-size:14px;font-weight:bold;border:1px solid #fff;border-radius:24px;margin:auto;margin-top:40px;overflow:hidden;position:relative;z-index:4;}
.anim {-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);position:absolute;top:50%;left:50%;z-index:-1;}
.anim:before {position:relative;content:'';display:block;margin-top:100%;}
.anim:after {content:'';position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%;}
.pickerwr a:hover > .anim {-moz-animation:anim-out 0.75s;-webkit-animation:anim-out 0.75s;animation:anim-out 0.75s;}
.pickerwr a:hover > .anim:after {-moz-animation:anim-out-pseudo 0.75s;-webkit-animation:anim-out-pseudo 0.75s;animation:anim-out-pseudo 0.75s;}

@-webkit-keyframes anim-in {
  0% {width: 0%;}
  100% { width: 100%;}
}
@-moz-keyframes anim-in {
  0% {width: 0%;}
  100% {width: 100%;}
}
@-ms-keyframes anim-in {
  0% {width: 0%;}
  100% {width: 100%;}
}
@keyframes anim-in {
  0% {width: 0%;}
  100% {width: 100%;}
}
@-webkit-keyframes anim-in-pseudo {
  0% {background: rgba(0, 0, 0, 0.25);}
  100% {background: transparent;}
}
@-moz-keyframes anim-in-pseudo {
  0% {background: rgba(0, 0, 0, 0.25);}
  100% {background: transparent;}
}
@-ms-keyframes anim-in-pseudo {
  0% {background: rgba(0, 0, 0, 0.25);}
  100% {background: transparent;}
}
@keyframes anim-in-pseudo {
  0% {background: rgba(0, 0, 0, 0.25);}
  100% {background: transparent;}
}
@-webkit-keyframes anim-out {
  0% {width:0%;}
  100% {width:100%;}

}
@-moz-keyframes anim-out {
  0% {width: 0%;}
  100% {width: 100%;}
}
@-ms-keyframes anim-out {
  0% {width: 0%;}
  100% {width: 100%;}
}
@keyframes anim-out {
  0% {width: 0%;}
  100% { width: 100%;}
}
@-webkit-keyframes anim-out-pseudo {
  0% {background: rgba(0, 0, 0, 0.25);}
  100% {background: transparent;}
}
@-moz-keyframes anim-out-pseudo {
  0% {background: rgba(0, 0, 0, 0.25);}
  100% {background: transparent;}
}
@-ms-keyframes anim-out-pseudo {
  0% {background: rgba(0, 0, 0, 0.25);}
  100% {background: transparent;}
}
@keyframes anim-out-pseudo {
  0% {background: rgba(0, 0, 0, 0.25);}
  100% {background: transparent;}
}
.process4_box{ padding:10px; }
.process4_box figure {display:block;line-height:1;overflow:hidden;position:relative;}
.vacatedown {padding:22px 0 12px;border-bottom:1px solid #e5e5e5;position:relative;}
.vacatedown h3 {line-height:1;color:#323232;font-size:20px;font-weight:bold;position:relative;padding-top:17px;margin-bottom:17px;display:inline-block;}
.vacatedown h3:before {content:"";width:18px;height:4px;background:#304c92;position:absolute;left:0;top:0;transition:0.5s;}
.vacatedown p {color:#646464;font-size:14px;margin-bottom:17px; }
.vacatedown b {display:inline-block;line-height:1;color:#969696;font-size:14px;font-weight:normal;padding-bottom:3px;position:relative;}
.process4_box:hover .vacatedown h3:before {width:100%;}
.process4_box figure img{ display: block; width: 100%; height: auto; line-height: 0; transition: 0.85s;}
.process4_box:hover figure img {transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);}

.about4 .tips,.about3 .tips { text-align: center; }
.about4 .tips{ margin-bottom: 30px; }
.about4 .tips h4{ color: #000;font-size: 28px;line-height: 1.5;}
.about4 .tips span{ color: #000;margin-bottom: 0;text-transform: uppercase;font-size: 15px;display: block;}
.about4{padding: 30px 0;background-size: cover;}
.about4 .list li {position:relative;margin-bottom:11px;overflow:hidden;float:left;width: 48%;margin: 1%;}
.about4 .list img {width:100%;}
.about4 .list .upbox {position:absolute;left:0;top:0;width:100%;padding:9% 7%;height:100%;}
.about4 .list .cntt {line-height:33px;font-size:20px;color:#fff;-webkit-transition:color 0.3s ease 0s;transition:color 0.3s ease 0s;}
.about4 .list .entt {line-height:22px;color:#9a9c9e;font-size:14px;-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px);opacity:0;}
.about4 .list .line {display:inline-block;width:12px;height:2px;background-color:#000;margin-top:12px;-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px);opacity:0;}
.about4 .list .word {display:block;margin-top:13px;line-height:24px;font-size:16px;color:#333;-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px);opacity:0;}
.about4 .list .word p{ font-size: 15px; }
.about4 .list .line {-webkit-transition:-webkit-transform 0.5s cubic-bezier(0.35,0.67,0.25,0.97) 0.1s,opacity 0.5s linear 0.1s;transition:transform 0.5s cubic-bezier(0.35,0.67,0.25,0.97) 0.1s,opacity 0.5s linear 0.1s;}
.about4 .list .entt {-webkit-transition:-webkit-transform 0.5s cubic-bezier(0.35,0.67,0.25,0.97) 0.2s,opacity 0.5s linear 0.2s;transition:transform 0.5s cubic-bezier(0.35,0.67,0.25,0.97) 0.2s,opacity 0.5s linear 0.2s;}
.about4 .list .word {-webkit-transition:-webkit-transform 0.5s cubic-bezier(0.35,0.67,0.25,0.97) 0s,opacity 0.5s linear 0s;transition:transform 0.5s cubic-bezier(0.35,0.67,0.25,0.97) 0s,opacity 0.5s linear 0s;}

