*{margin:0;padding:0;font-size:16px;list-style:none;box-sizing:border-box;}
body,html{width:100%;font-size:14/1.5;font-family:"Helvetica","Arial","Microsoft Yahei","verdana";}
i,em{font-style:normal;}
a{text-decoration:none;}
input{outline:none;}
img{border-style:none;}
span,p{font-family:"Arial" !important;color:#003b71 !important;}
.fcWhite{color:white;}
.fcBlack{color:black;}
.fcGray{color:#999;}
.fs85{font-size:58px;}
.fs50{font-size:50px;}
.fs45{font-size:32px;}
.fs25{font-size:18px;}
.fs24{font-size:24px;}
.fs20{font-size:20px;}
.fs18{font-size:18px;}
.fs14{font-size:14px;}
.bgGray{background:#DAE2E8;}
@keyframes CfadeInUp
        {
            from {transform: translateX(100%);}
            to {transform: translateX(0);
                opacity:1;}
        }
.CfadeInUp{
    opacity: 0;
    animation: 1s ease  forwards  alternate;
}
@keyframes CfadeOutUp
        {
            from {transform: translateX(-100%);}
            to {transform: translateX(0);
                opacity:1;}
        }
.CfadeOutUp{
    opacity: 0;
    animation: 1s ease  forwards  alternate;
}
.toHead{display:none;}
.section{border:1px solid #999;}
.section_main{margin:100px 100px 20px; border-bottom:1px solid #999;padding-bottom: 50px;overflow:hidden;}
.container{width:1170px; margin:0 auto;}
.header{height:120px;background:white;padding:0 100px;}
.header a{display:block;overflow: hidden;position:relative;}
.header .menu{display:none;}
.header .tab_text{color:#003B71;line-height:60px;font-size:20px;}
.header .tab{float:right;vertical-align:bottom}
.header .menuList{display:inline-block;margin-top:60px;vertical-align:top;}
.header .tab_item{position:relative;font-weight:lighter;height:60px;line-height:60px;font-size:20px;margin-right:24px;text-align:center;float:left;vertical-align: bottom;}
.header .tab_item::before{
    content: '';
    position: absolute;
    top: 16px;
    height: 3px;
    left: 0;
    width: 100%;
    background-color: #ff4612;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
    margin-top: -10px;
}
.header .tab_item:hover::before{transform:scaleX(1);}
.header .tab_item:hover .tab_text{color:#ff4612;}
.header .sub_list{position:absolute;top:59px;left:50%;background:#fff;opacity:0.65;z-index:100;color:#000;display:none;}
.header .sub_item{height:50px;white-space:nowrap;color:#003b71;line-height:50px;text-align:center;}
.header .sub_item a{height:50px;white-space:nowrap;color:#003b71;line-height:50px;text-align:center;padding:0 10px;}
.header .sub_item:hover a{background:#ff4612;color:#fff;font-weight:bold;}
.header .tab_about:hover .about{display:block;}
.header .tab_product:hover .product{display:block;}
.header .tab_news:hover .news{display:block;}
.header .tab li .btn{position:relative;top:50%;margin-top:-17px;}
.header .country{display:inline-block;vertical-align:top;margin-top:80px;}
.header .country .active{border-radius: 50%;-moz-box-shadow: 3px 3px 4px #003B71;-webkit-box-shadow: 3px 3px 4px #003B71;box-shadow: 3px 3px 4px #003B71;}
.logo{margin-top:30px;background:url(../images/logo@2x.png) no-repeat; width:258px;height:63px;background-size:100% 100%;float:left;}
.header .tab_country{display:none;}

.banner{position:relative;width:100%;min-width:1200px;overflow:hidden;}
.banner img{width:100%;}
.banner .line{position:absolute;bottom:0px;width:100%;height:8px;background:#ff4612;z-index:5;}
.bannerTab{position:absolute;bottom:90px;right:110px;z-index:10;}
.bannerTab li{width:28px;height:28px;border-radius:50%;background:#ccc;float:left;margin:0 5px;}
.bannerTab .active{background:#fff;opacity:0.4;}
.bannerList{position:relative;left:0;top:0;z-index:1;float:left;}
.bannerList li{float:left;}
.bannerList img{width:100%;margin:0 auto;}
.banner .banner_des{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.6;color:#fff;font-size:150px;z-index:3;}
.banner .banner_des p{font-size:100px;line-height:120px;}
.banner .banner_des_line{position:absolute;top:50%;margin-top:-180px;margin-left:100px;border-left:10px solid #fff;padding-left:30px;}
.banner .banner_des_line p {color:#ffffff}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1}

.section .title{margin-bottom:50px;font-size:50px;line-height:64px;font-weight:lighter;color:#003b71;word-wrap: break-word}
.section .des{font-size:18px;line-height:28px;font-weight:lighter;color:#003b71;word-wrap: break-word}
.section .icon_down_gray{
    margin:0 auto;
    color:#003b71;
    width:34px;
    height:34px;
    border-radius:50%;
    border:1px solid #003b71;
    text-align: center;
    font-size:24px;
    line-height:34px;
    font-weight:lighter;
    margin-top:30px;
}
.section .icon_down_gray:hover{color:#FF4612;border:1px solid #FF4612;}
.section .icon_up_gray{
    margin:0 auto;
    margin-top:30px;
    color:#003b71;
    width:34px;
    height:34px;
    border-radius:50%;
    border:1px solid #003b71;
    text-align: center;
    font-size:24px;
    line-height:34px;
    font-weight:lighter;
    transform:rotate(180deg);
    -ms-transform:rotate(180deg); 	/* IE 9 */
    -moz-transform:rotate(180deg); 	/* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg); 	/* Opera */
}
.section .icon_up_gray:hover{color:#FF4612;border:1px solid #FF4612;}

.index .item{overflow:hidden;min-height:500px;}
.index .contractUs{height:372px;background:#003B71;}
.index .contractUs .intro{width:100%;}
.index .intro{height:100%;}
.index .intro img{margin-left:0%;}
.intro{width:50%;float:left;color:#003B71;position:relative;overflow: hidden;}
.intro .des{margin-bottom:60px;height:168px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;}
.intro .btn{display: block;font-size:32px;font-weight:lighter;width:340px;height:80px;text-align:center;line-height:80px;color:#003b71;border:1px solid #003B71}
.intro .hover_yel:hover{background: #ff4612;color:#fff;border:none;}
.intro .hover_blue:hover{background: #003b71;color:#fff;border:none;}
.intro .btn_section{position:absolute;left:50%;bottom:90px;}
.intro .btn_contract{margin-left:100px;margin-right:-170px;color:#fff;border:1px solid #fff;}
.intro .btn_contract:hover{background:#fff;color:#003b71}
.index .word{height:100%;padding:60px 80px 0 100px;overflow:hidden; padding-bottom:9999px; margin-bottom:-9999px;}
.index .word_contract{padding:60px 0 0 100px;}
.index .word_contract .title{color:#fff;}
.index .word_contract .des{color:#fff;}
.intro img{width:100%; display:block;}
.item_product .intro_img{float:right;}

.footer{background:#fff;position:relative;overflow:hidden;padding:30px 0 30px;}
.footer .footTab_outer{overflow:hidden;}
.footer .footTab{float:left;position:relative;left:50%;}
.footer .footTab .footTab_inner{position:relative;left:-50%;}
.footer .footTab .tab_text{margin-right:30px;text-align:center;color:#003b71;font-size:12px;}
.footer .three{display:inline-block;width:33%;text-align:center;font-size:14px;font-weight:bold;}
.footer .myContract{margin-top:25px;font-size:14px;color:#003b71;line-height:42px;}
.footer .myContract .time{float:left;}
.footer .myContract .url{float:right;}

.facebook{display:inline-block;background:url(../images/facebook.png) no-repeat;width:42px;height:42px;background-size:contain;margin-right:12px;}
.twiter{display:inline-block;background:url(../images/twiter.png) no-repeat;width:42px;height:42px;background-size:contain;margin-right:12px;}
.in{display:inline-block;background:url(../images/in.png) no-repeat;width:42px;height:42px;background-size:contain;margin-right:12px; }
.gPlus{display:inline-block;background:url(../images/gPlus.png) no-repeat;width:42px;height:42px;background-size:contain;}
.america{display:inline-block;background:url(../images/america.png) no-repeat;width:34px;height:34px;background-size:contain;margin-right:4px;}
.china{display:inline-block;background:url(../images/china.png) no-repeat;width:34px;height:34px;background-size:contain;margin-right:4px;}
.japan{display:inline-block;background:url(../images/japan.png) no-repeat;width:34px;height:34px;background-size:contain; }

.company .des{height:200px;overflow:hidden;}
.company .btn{display:block;width:100%;border:1px solid #FF4612;font-weight:lighter;color:#FF4612;height:120px;text-align:center;line-height:120px;font-size:48px;margin:50px 0;}
.company .btn:hover{background:#FF4612;color:#fff;}

.company_recruitment{margin:100px 100px 20px; border-bottom:1px solid #999;padding-bottom: 50px;}
.company_recruitment .tip{font-weight:bold;}
.company_recruitment .mail{font-weight:bold;color:#FF4612;}
.recruitment .bold{font-weight:bold;}
.recruitment .mail{font-weight:bold;color:#FF4612;}
.recruitment .des{margin-bottom:30px;}
.recruitment .name{display:inline-block;font-size:18px;line-height:60px;font-weight:bold;width:110px;color:#FF4612;}
.recruitment .value{display:inline-block;width:420px;height:40px;font-size:18px;line-height:40px;border:none;border-bottom:1px solid #003b71;}
.recruitment .choose_file{position:relative;display:inline-block;width:240px;height:42px;line-height:42px;font-size:18px;color:#003b71;border:1px solid #003b71;border-radius:8px;text-align:center;}
.recruitment .choose_file:hover{cursor:pointer;}
.recruitment .resume{display:inline-block;opacity:0;filter:alpha(opacity=0);position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;}
.recruitment .btn_submit{width:100%;margin-top:40px;height:100px;background:#fff;line-height:100px;border:1px solid #FF4612;color:#FF4612;text-align:center;font-size:45px;}
.recruitment .btn_submit:hover{background:#FF4612;color:#fff;}
.recruitment .file_name{margin-left:10px;color:#003b71;font-size:18px;line-height:40px;}

.jobs{overflow:hidden; margin-top:56px;}
.jobs .job_tab{padding:0 2%;width:100%;background:#FF4612;height:50px;color:#fff;font-size:18px;line-height:50px;}
.jobs .job_tab .tab_position,.jobs .job_tab .tab_date{float:left;width:18%;}
.jobs .job_tab .tab_description{float:left;width:64%;}
.jobs .job_content{position:relative;}
.jobs .job_item{position:relative;padding:20px 2%  0;width:100%;overflow:hidden;height:270px;}
.jobs .job_item .item_position{float:left;width:18%;font-weight:bold;}
.jobs .job_item .item_date{float:right;width:18%;font-weight:bold;}
.jobs .job_item .item_description{float:left;width:64%;padding-right:1%;}
.jobs .title_description{font-weight:bold;margin-top:30px;}
.jobs .btn_apply{position:absolute;top:40px;right:4%;display:block;color:#FF4612;border:1px solid #FF4612;text-align:center;width:15%;height:50px;line-height:50px;font-size: 16px;font-weight:lighter;margin-top:35px;}
.jobs .btn_apply:hover{background:#FF4612;color:#fff;}
.jobs .action_change{position:relative;margin:30px 0;}
.jobs .icon_bg{width:100px;height:100%;overflow:hidden;background:#fff;margin:0 auto;z-index:10;}
.jobs .icon_line{width:100%;height:1px;background:#003b71;position:absolute;top:17px;left:0;z-index:-1;}
.jobs .icon_down_gray,.jobs .icon_up_gray{background:#fff;margin-top:0;}

.products .selector{width: 15%;height: 100%;float: left;}
.products .selector ul li{margin-top: 15px;}
.products .selector a{color:#003b71;}
.products .selector ul li span{font-size:18px;font-weight:lighter;color:#003b71;}
.products .selector ul li :hover{color: #FF4612;font-weight: bold;}
.products .selector ul li .active{color: #FF4612;font-weight: bold;}
.products .content{width:83%;height:100%;padding-left:2%;float:left;}
.products .content .head{margin-top: 69px;font-size: 43px;margin-bottom: 20px;}
.products .content .p1{line-height: 24px;}
.products .content .p2{padding-top: 20px;line-height: 24px;}
.products .content .chart{margin-top: 42px;height: 400px;background-color: #FF4612;margin-bottom: 21px;}
.products table{width: 70%}
.products table th{height: 50px; color: white;text-align: left;padding-left: 30px; background-color: #f7a896;}
.products table td{height: 30px; color: #003b71;text-align: left;padding-left: 30px;}
.products table .dark{ background-color: #fac9bd;}
.news{overflow:hidden;}
.news .news_list{overflow:hidden;}
.news .news_list .title{margin-bottom:20px;}
.news .news_list .date{margin-top:10px;font-size:16px;line-height:20px;font-weight:bold;color:#003b71;}
.news .news_list .des{height:280px;}
.news .change{margin-top:20px;width:100%;height:36px;line-height:36px;position:relative;}
.news .change .icon_down_gray{display:inline-block;position:absolute;left:50%;margin:0 0 0 -17px;vertical-align:top;}
.news .change .icon_up_gray{display:inline-block;position:absolute;left:50%;margin:0 0 0 -17px;vertical-align:top;}
.news .previous{float:left;display:inline-block;line-height:36px;vertical-align:top;font-size:18px;font-weight:lighter;color:#003b71;}
.news .next{float:right;display:inline-block;line-height:36px;vertical-align:top;font-size:18px;font-weight:lighter;color:#003b71;}
.posts{margin-top:50px;}
.posts .change .icon_down_gray{display:block;}
.posts .post_list{width:100%;overflow:hidden;}
.posts .post_item{float:left;width:30%;margin-right:5%;margin-bottom:30px;}
.posts .post_item:nth-child(3),.posts .post_item:last-child{margin-right:0;}
.posts .post_img{width:100%;height:100%;}
.posts .post_title{font-size:22px;color:#003b71;font-weight:lighter;word-wrap: break-word}
.posts .date{font-size:16px;color:#003b71;font-weight:bold;margin-top:12px;}

.contract .title{margin-bottom:20px;}
.contract .content{width: 40%;height: 100%;float: left;color: #0C3E5F;}
.contract .content .info{margin-top: 20px;margin-bottom: 50px;}
.contract .content .info p{width: 72%;font-size: 17px;line-height: 23px;}
.contract .content .p2,.contract .content .p3{font-size: 20px;font-weight:bold;margin-bottom: 22px;margin-top:40px;}
.contract .content .p3{margin-top:30px;}
.contract .content .p1{font-size: 56px;}
.contract .content .info1{font-size: 20px;line-height: 24px;margin-bottom: 20px;font-weight:lighter;}
.contract .map{height: 100%;float: left;width: 60%;}
.contract .map .content_map{width: 100%; height: 417px;}
.contract .map .content_img{width: 100%;/* height: 417px; */}
.section p{font-size:18px;font-family:"Arial";line-height:28px;font-weight:lighter;color:#003b71;}
p>a{font-size:18px;line-height:28px;font-weight:lighter;color:#003b71;}
a:hover{color:coral;}
.footTab_inner>.tab_text:hover{color: #ff4612;}
.facebook:hover{display:inline-block;background:url(../images/facebook-hover.png) no-repeat;width:42px;height:42px;background-size:contain;margin-right:12px;}
.twiter:hover{display:inline-block;background:url(../images/twiter-hover.png) no-repeat;width:42px;height:42px;background-size:contain;margin-right:12px;}
.in:hover{display:inline-block;background:url(../images/in-hover.png) no-repeat;width:42px;height:42px;background-size:contain;margin-right:12px; }
.gPlus:hover{display:inline-block;background:url(../images/gPlus-hover.png) no-repeat;width:42px;height:42px;background-size:contain;}
