/*
    *Function: public.css
    *Time: 2018-01-08
    *Author: Wu Jiahao
*/

.w-1920{max-width:1920px;margin:auto;}
.w-1200{max-width:1178px;margin:auto;}
.w-990{max-width:990px;margin:auto;}
.w-960{max-width:960px;margin:auto;}
.w-800{max-width:800px;margin:auto;}
.w-700{max-width:700px;margin:auto;}


.btn-6 i{
    display:block;position:absolute;z-index: 2;font-style:normal;left:0;width:100%;top:0;line-height:34px;letter-spacing: 3px;border-radius: 20px;overflow: hidden;
    transition: all 350ms ease;
    -ms-transition:all 350ms ease;
    -moz-transition:all 350ms ease;
    -webkit-transition:all 350ms ease;
    -o-transition:all 350ms ease;
}
.btn-6 span{
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: #1ad8aa ;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: width 0.9s, height 0.9s;
    transition: width 0.9s, height 0.9s;
    z-index: -1;
}
.btn-6:hover span{
    width: 562px;
    height: 562px;
}
.btn-6:hover i{background:#1ad8aa;}

.btn-2{
    display:inline-block;
    position: relative;
    z-index: 1;text-align:center;
    line-height:30px;padding:0 30px;border:1px solid #7f7c7e;border-radius: 100px;
    background-color: transparent;overflow: hidden;
}
.btn-2::before,.btn-2::after{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-transition: all .4s;
    transition: all .4s;
    line-height:32px;
    border-radius: 50px;
    z-index: -2;
}
.btn-2::after{
     z-index: -1;
     left: -100%;
     background-color: #002f75;
 }
.btn-2:hover{color:#fff;border-color:#002f75;}
.btn-2:hover::before{left:100%;}
.btn-2:hover::after{left:0;}



.underline{border-bottom: 1px solid #d3d3d3;margin-top:25px;}
.underline2{border-bottom: 1px solid #d3d3d3;margin:8px 0;}




.heng {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(/sites/all/themes/model/css/images/public/heng.png) center/cover no-repeat;
    z-index: 99999999;
    display: none;
}
@media screen and (orientation: landscape){
    .heng {
        display: block;
    }
}


/*--head----------------------------------------------------------------------Start--*/
.head{
    position:fixed;top:0;left:0;right:0;margin:0 auto;
    background:rgba(30,30,30,.4);overflow: hidden;;
    transition: all .7s ease;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    z-index:9999;
}
.head_container{max-width:1350px;margin:0 auto;position:relative;}

.head_logo{padding:10px 0;float:left;}
.head_logo a{display:block;height:33px;}
.head_logo a img{width:auto;height:100%;}

.head_nav{float:right;}
.head_nav>ul{}
.head_nav>ul>li{float:left;position:relative; border-left: 1px solid rgba(255,255,255,0);border-right: 1px solid rgba(255,255,255,0);}
.head_nav>ul>li>a{line-height:53px;}
.head_nav ul li a{
    display:block;color: #fff;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    opacity: .8;
    padding:0 18px;
    font-size:1.5rem;
}
.head_nav ul ul{
    position:relative;
    max-width:0;max-height:0;
    opacity: 0; visibility: hidden;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
}
.head_nav ul ul li a{line-height:35px;}


.head:hover{background:rgba(30,30,30,.9);}
.head_nav>ul>li:hover{border-left: 1px solid rgba(255,255,255,0.12);border-right: 1px solid rgba(255,255,255,0.12);}
.head_nav>ul>li:hover ul{
    max-width:400px;max-height:400px; opacity: 1; visibility: visible;padding:0 0 10px 0;
}
.head_nav ul li a:hover{opacity:1;}

.head_mobile_logo{width:70%;padding-left:30px;margin:10px 0;}

.head_mobile_nav{
    display:none;position:fixed;top:0;right:-200px;width:200px;height:100%;background:#000;z-index:99999;padding-top:10px;
}
.head_mobile_nav li{padding-left:30px;border-top:1px solid rgba(255,255,255,0.2);}
.head_mobile_nav li a{display:block;height:50px;line-height:45px;font-size:1.6rem;color:#fff;}
.head_mobile_nav li.active{background:#002f75;}
.head_mobile_nav li ul{display:none;}
.head_mobile_nav li ul li a{position:relative;}
.head_mobile_nav li ul li a::before{
    content:"";display:block;
    width:6px;height:6px;background:#fff;border-radius: 50%;
    position:absolute;top:19px;left:-20px;
}

.head_mobile_btn{
    display:none;
    position: absolute;
    right: 25px;
    top: 10px;
    cursor: pointer;
    transition: all 550ms ease;
    -ms-transition: all 550ms ease;
    -moz-transition: all 550ms ease;
    -webkit-transition: all 550ms ease;
    -o-transition: all 550ms ease;
}
.head_mobile_btn span{
    display: block;
    height: 3px;
    width: 33px;
    background: #fff;
    margin: 6px auto;
    transition: all 350ms ease;
    -ms-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    -webkit-transition: all 350ms ease;
    -o-transition: all 350ms ease;
}

.head_mobile_btn.clicked span:first-child{
    /*margin:0 0 -6px 0;*/margin-bottom:-1px;
    transform:translateY(8px) rotate(45deg)!important;
    -ms-transform:translateY(8px) rotate(45deg)!important; 	/* IE 9 */
    -moz-transform:translateY(8px) rotate(45deg)!important; 	/* Firefox */
    -webkit-transform:translateY(8px) rotate(45deg)!important; /* Safari 和 Chrome */
    -o-transform:translateY(8px) rotate(45deg)!important; 	/* Opera */
}
.head_mobile_btn.clicked span:last-child{
    /*margin:-6px 0 0 0;*/margin-top:-1px;
    transform:translateY(-8px) rotate(-45deg)!important;
    -ms-transform:translateY(-8px) rotate(-45deg)!important; 	/* IE 9 */
    -moz-transform:translateY(-8px) rotate(-45deg)!important; 	/* Firefox */
    -webkit-transform:translateY(-8px) rotate(-45deg)!important; /* Safari 和 Chrome */
    -o-transform:translateY(-8px) rotate(-45deg)!important; 	/* Opera */
}
.head_mobile_btn.clicked span:nth-child(2){opacity:0;filter:alpha(opacity=0);}
/*--head----------------------------------------------------------------------End--*/




/*--foot----------------------------------------------------------------------Start--*/
.foot{background:#333;font-size:1.4rem;z-index:9998;padding:1px 0;}
.foot_container{margin:50px auto;max-width:1350px;position:relative;}
.foot_nav a, .foot_copyright{
    color:#837e81;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
}
.foot_nav a:hover, .foot_copyright a:hover{color:#fff;}

.foot_nav li{float:left;border-right:1px solid #837e81;line-height:14px;padding:0 15px;}
.foot_nav li:last-child{border:none;}

.foot_copyright{padding:0 15px;margin-top:12px;}

.foot_contact{position:absolute;top:0;right:15px;}
.foot_contact li{float:left;margin-left:23px;position:relative;}
.foot_contact li a{display:block;padding:6px;border:1px solid #837e81;border-radius: 50%;}
.foot_contact li a:hover{background:#fff;border-color: #fff;}
.foot_contact li span{
    position:absolute;bottom:140%;left:50%;margin-left:-82px;width:160px;z-index:9998;padding:7px;background:#fff;border-radius: 5px;
    opacity:0;visibility: hidden;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
}
.foot_contact li span img{width:100%;z-index:9998;}
.foot_contact li span::after{
    content:"";display:block;
    width:0;height:0;
    border-width:11px 13px 0;
    border-style:solid;
    border-color:#fff transparent transparent;
    position:absolute;
    top:100%;left:50%;
    margin-left:-13px;
}
.foot_contact li:hover span{
    opacity:1;visibility:visible;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.bottom_contact{height:426px;background:url(/sites/all/themes/model/css/images/public/bottom_contact.png) center/cover no-repeat;text-align:center;overflow: hidden;}
.bottom_contact img{width:auto;height:auto;}
.bottom_contact a{display:inline-block;border-radius:20px;color:#fff;margin-top:26px;position:relative;overflow: hidden;width:130px;height:34px;background:#002f75;font-size:1.4rem;}
.bottom_contact_logo{;width:107px;margin:77px auto 0 auto;}
.bottom_contact_companyname{width:123px;margin:25px auto 0 auto;}
.bottom_contact_slogan{width:433px;margin:23px auto 0 auto;}
/*--foot----------------------------------------------------------------------End--*/








.bg-canvas{z-index: 999999;}

























/*fonts*/
@font-face {
    font-family: 'MyriadPro-LightCond';
    src: url('/sites/all/themes/model/css/font/MyriadPro-LightCond.eot');
    src: url('/sites/all/themes/model/css/font/MyriadPro-LightCond.eot?') format('embedded-opentype');
    src:url('/sites/all/themes/model/css/font/MyriadPro-LightCond.woff') format('woff'), url('/sites/all/themes/model/css/font/MyriadPro-LightCond.ttf') format('truetype'), url('/sites/all/themes/model/css/font/MyriadPro-LightCond.svg') format('svg'),local('MyriadPro-LightCond'),local('Myriad Pro');
    font-weight: normal;
    font-style: normal;
}






/*animate*/