/*scroll bar*/

::-webkit-scrollbar {width:6px;height:6px}

::-webkit-scrollbar-button:vertical {display:none}

::-webkit-scrollbar-corner,::-webkit-scrollbar-track {background-color:#ccc}

::-webkit-scrollbar-thumb {border-radius:0;background-color:#15499a;)}

::-webkit-scrollbar-thumb:vertical:hover {background-color:#15499a;)}

::-webkit-scrollbar-thumb:vertical:active {background-color:#15499a;)}

@font-face {

	font-family: 'Reznor'; src: url('../fonts/REZNOR DOWNWARD SPIRAL.TTF');

}

.container {

    width: 84%;

    margin: 0 auto;

}

.header{position: fixed;top: 0;width: 100%;background:#ffffff; border: 1px solid #eeeeee;z-index: 9;transition: all 500ms ease;-webkit-transition:all 500ms ease;}

.header .logo{float: left;display: block;line-height: 100px;position: relative;height: 100px;}

.header .logo img{display: inline-block;vertical-align: middle;max-height: 80%;}

.header .logo .img1{z-index: 1;}



 .header .language{border:0 !important;    margin-top: 0; margin-left:0;position: fixed;right: 70px;top:0px; line-height:106px; }

    .header .language a{padding: 2px 8px;font-size: 16px;}



	

/*.header .language {overflow: hidden;border-radius: 20px;border:1px solid #3385ad;float: left;margin-left: 40px;margin-top: 38px;}

.header .language a{display: inline-block;font-size: 12px;color: #222;background: #fff; padding: 4px 10px;margin: 0 -2px;text-transform: uppercase;font-family: "Arial";}*/

.header .language a.on,.header .language a:hover{background: #15499a !important;color: #fff !important;}

.header .header_r{float: right;}

.header .nav{float: left;}

.header .nav li{float: left;transition: all 500ms ease;-webkit-transition:all 500ms ease;margin: 0 10px;position: relative;}

.header .nav li a.v1{font-size: 16px;color: #222222; line-height: 100px;display: block;vertical-align: top;transition: all 500ms ease;-webkit-transition:all 500ms ease;position: relative;padding: 0 20px;}

.header .nav li a.v1:after{content: "";display: block;position: absolute;bottom: 0px;left: 0;width: 100%;height: 2px;background: #15499a;opacity: 0;visibility: hidden;transition: all 500ms ease;-webkit-transition:all 500ms ease;}

.header .nav li:hover a.v1:after,.header .nav li.on a.v1:after,.header .nav li.ok a.v1:after{opacity: 1;visibility: visible;}

.header .nav li:hover a.v1,.header .nav li.on a.v1,.header .nav li.ok a.v1,.header.hover .nav li.on a.v1{color: #15499a;}

.menuBtn{position: relative;z-index: 9;display: none;float: right;width: 60px;height: 60px;padding: 17px 0 0;cursor: pointer;margin-right: 5px;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}

.menuBtn b{display: block;height: 3px;background-color: #333333;margin: 3px auto 5px;border-radius: 2px;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;width: 30px;}

.menuBtn.open{margin-top: 12px;}

.menuBtn.open b{display: none;margin: 0;position: absolute;left: 10px;top: 50%;width: 30px;}

.menuBtn.open b:first-child{display: block;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}

.menuBtn.open b:last-child{display: block;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}





.header .nav li dl{top: 100%;position:absolute;left: 50%;margin-left: -75px;width: 150px;z-index: 1;transition: all 500ms ease;-webkit-transition: all 500ms ease;padding:34px 0;border-top:1px solid #eee;background: #fff;opacity: 0;visibility: hidden;}

.header .nav li dl.active{opacity: 1;visibility: visible;}

.header .nav li dl.active dd .sv1{height: auto}

.header .nav li dl dd .sv1{display: block;font-size: 14px;color: #666;background: #fff;line-height: 20px;text-align: center;height: 0;transition: all 500ms ease;-webkit-transition: all 500ms ease;padding: 10px 0;}

.header .nav li dl dd .sv1:hover{background: #f7f7f7;color: #15499a}

.header .nav li:nth-child(2) dl{display: none;}

.header.active{background: #fff;border: 1px solid #eeeeee;}

.header.active .logo .img1{opacity: 0;visibility: hidden;}

.header.active .logo .img2{opacity: 1;visibility: visible;}

.header.active .language{border-color: #3385ad;}

.header.active .language a{color: #222;background: #fff;}

.header.active .nav li a.v1{color: #222;}

.header.active .menuBtn b{background: #333;}

.header.active .right .top a.link{color: #333;}







.header .container{padding-right: 60px;}

.header .right{position: absolute;right: 100px;top: 0;}

.header .right .top{display: inline-block;vertical-align: top;padding-top: 22px;}

.header .right .top a.link{display:block; width: 82px; height: 26px; border-radius: 3px; border: 1px solid #ddd; text-align: center; font-size: 12px; color: #fff; line-height: 24px;-webkit-transition: all 500ms ease; transition: all 500ms ease;margin-bottom: 5px;}

.header .right .top a.link:hover{background: #15499a; border-color: #15499a;color: #fff;}







.drop_menu {position: fixed;top: 100px;left: 0px;width: 100%;z-index: 8;}

.drop_menu .main {position: absolute; width: 100%; -webkit-transform: translateY(-190%); -moz-transform: translateY(-190%); -ms-transform: translateY(-190%); transform: translateY(-190%); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease;background: #fff; padding: 0 8%;}

.drop_menu .main .items {padding: 3% 0;margin: 0 -40px;overflow: hidden;}

.drop_menu .main .item{float: left;width: 16.66%;padding: 0 40px;}

.drop_menu .main .item .tit h1{font-size: 16px;color: #222;line-height: 24px;font-weight: bold;}

.drop_menu .main .item .tit h2{font-size: 14px;color: #666666;line-height: 24px;}

.drop_menu .main .item img{display: block;max-width: 90%;margin: 40px 0;}

.drop_menu .main .item ul li a{display: block;font-size: 14px;color: #333;line-height: 28px;}

.drop_menu .main.active{-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform:  translateY(0); transform: translateY(0);}

.drop_menu .main .item .tit a:hover h1,.drop_menu .main .item .tit a:hover h2,.drop_menu .main .item ul li:hover a{color:#15499a; }



.header .search_box{height: 100px;position: relative;background: transparent;display: inline-block;vertical-align: top;}

.header .search_box a.search{height: 100%;width: 60px;background: url(../images/search_ico1.png) no-repeat center;display: block;}

.header .search_box form{width: 0;position: absolute;right: 0;top:0;height: 100%;overflow: hidden;transition: all 500ms ease;-webkit-transition:all 500ms ease;background: transparent;}

.header .search_box form .box{width: 100%;position: relative;height: 100%;background: transparent;}

.header .search_box form .box input{width: 100%;height: 100%;padding: 0 15px 0 55px;color: #333;line-height: 100%;}

.header .search_box form .box button{display: block;width: 60px;height: 100%;background: url(../images/search_ico2.png) no-repeat center;border:0;outline: none;font-size: 0;position: absolute;left: 0;top: 0;cursor: pointer;}

.header .search_box form .box a.search_close{width: 60px;height: 100%;background: url(../images/search_close.png) no-repeat center;position: absolute;right: 0;top: 0;}

.header .search_box form.active{width: 600px;}

.header.hover .search_box a.search:hover{background: url(../images/search_ico2.png) no-repeat center;}

.header.active .search_box a.search{background: url(../images/search_ico2.png) no-repeat center;}



.footer{overflow: hidden;}

.footer .top{position: relative;border-top: 1px solid #ddd; background-color:#efefef;}

.footer .top .left{float: left;width: 50%;padding: 3% 0;border-right: 1px solid #ddd;}

.footer .top .left .t_list{width:50%; float:left;}

.footer .top .tit{font-size: 18px;color: #000;margin-bottom: 20px;}

.footer .top .tit span{font-family: "Arial";font-size: 14px;color: #000;display: inline-block;margin-right: 4px;text-transform: uppercase;}

.footer .top .left .fot_nav a{font-size: 16px;color: #666666;line-height: 24px;display: block;padding:8px 8px;position: relative;transition: all 500ms ease;-webkit-transition:all 500ms ease;}

.footer .top .left .fot_nav a:before{content: "";display: block;width: 8px;height: 1px;background: #15499a;position: absolute;left: 0;top: 50%;opacity: 1;visibility: visible;transition: all 500ms ease;-webkit-transition:all 500ms ease;}

.footer .top .left .fot_nav a:hover{color: #15499a;padding-left: 10px;}

.footer .top .left .fot_nav a:hover:before{width: 6px;opacity: 1;visibility: visible;}

.footer .top .right{position: absolute;right: -5%;width: 50%;padding: 3% 0;}

.footer .top .right .bot{overflow: hidden;}

.footer .top .right .bot .bl{float: left;width: 42%;margin-right: 30px;}

.footer .top .right .bot .bl p{font-size: 16px;color: #222;line-height: 32px;}

.footer .top .right .bot .br{width: 50%;float:right;}

.footer .top .right .bot .br .ewm{display: inline-block;margin: 0 10px;width: 135px;vertical-align: top;}

.footer .top .right .bot .br .ewm img{display: block;width: 100%;margin: 0 auto;padding: 10px;border:1px solid #eeeeee;}

.footer .top .right .bot .br .ewm span{display: block;text-align: center;font-size: 14px;color: #222;margin-top: 10px;}

.footer .bottom{overflow: hidden;border-top: 1px solid #ddd; background: #15499a; color:#ffffff; padding: 20px 0; text-align:center; font-size:14px;}

.footer .bottom a{color:#ffffff;}

.footer .bottom .left{width: 50%;float: left;background: #fff;padding: 30px 0 30px 8%;}

.footer .bottom .left p{font-size: 14px;color: #222;line-height: 18px;}

.footer .bottom .right{width: 50%;float: right;background: #15499a;padding: 30px 0 30px 6%;}

.footer .bottom .right .links{color: #008bd0;font-size: 14px;line-height: 18px;}

.footer .bottom .right .links h1{font-size: 14px;color: #fff;line-height: 18px;float: left;}

.footer .bottom .right .links .lr{margin-left: 70px;}

.footer .bottom .right .links a{font-size: 14px;color: #fff;line-height: 18px;padding: 0 30px;display: inline-block;transition: all 500ms ease;-webkit-transition:all 500ms ease;position: relative;}



.footer .bottom .right .links a:hover{transform: translateY(-5px);-webkit-transform: translateY(-5px);}

.navbg{display: none;}

.footer .top .right .bot .br .share_link{ margin-top: 25px;margin-left: 10px; }

.footer .top .right .bot .br .share_link a{ position: relative; float: left; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center; margin-right: 8px; z-index: 2;  }

.footer .top .right .bot .br .share_link a.icon1{ background-image: url(../images/link_ico_01.png); }

.footer .top .right .bot .br .share_link a.icon2{ background-image: url(../images/link_ico_02.png); }

.footer .top .right .bot .br .share_link a.icon3{ background-image: url(../images/link_ico_03.png); }

.footer .top .right .bot .br .share_link a.icon4{ background-image: url(../images/link_ico_04.png); margin-right: 0; }

.footer .top .right .bot .br .share_link a .code{ width: 78px; position: absolute; padding: 4px; background-color: #ccc; bottom: 35px; left: 50%; margin-left: -39px; visibility: hidden;}

.footer .top .right .bot .br .share_link a:hover .code{ visibility: visible; }

.footer .top .right .bot .br .share_link a .code:before{ content: ''; width: 0; height: 0; border-width: 5px; border-style: solid; border-color: #ccc transparent transparent transparent; position: absolute; bottom: -10px; left: 50%; margin-left: -5px; }

.footer .top .right .bot .br .share_link a .code img{ display: block; width: 70px; height:70px; margin-top: 0; }

.footer .top .right .bot .br .share_link a.icon1:hover{ background-image: url(../images/link_ico_01_hover.png); }

.footer .top .right .bot .br .share_link a.icon2:hover{ background-image: url(../images/link_ico_02_hover.png); }

.footer .top .right .bot .br .share_link a.icon3:hover{ background-image: url(../images/link_ico_03_hover.png); }

.footer .top .right .bot .br .share_link a.icon4:hover{ background-image: url(../images/link_ico_04_hover.png); }



.fixed_right{position: fixed; right: 0; bottom: 20px; z-index: 999; /*display: none;*/}

.fixed_right .block{width: 54px; height: 54px; display: block; position: relative; margin-bottom: 1px; background: rgba(0,0,0,.3); padding: 7px 0;}

.fixed_right i{display: block; width: 23px; height: 23px; margin: 0 auto; background-position: center; background-repeat: no-repeat; transition: all 500ms ease;}

.fixed_right p{font-size: 12px; color: #fff; text-align: center; line-height: 18px; margin: 0; transition: all 500ms ease;}

.fixed_right .block:nth-of-type(1) i{background-image: url(../images/fixed_icon1.png);}

.fixed_right .block:nth-of-type(2) i{background-image: url(../images/fixed_icon2.png);}

.fixed_right .block:nth-of-type(3) i{background-image: url(../images/fixed_icon3.png);}

.fixed_right .block.tel .hover{width: 190px; right: -190px;position: absolute; top: 0; background: #fff; line-height: 54px; padding: 0 10px 0 50px;/* font-family: 'Reznor';*/ font-size: 20px; color: #15499a; background-position: 15px center; background-repeat: no-repeat; background-image: url(/static/home/images/fixed_icon2on.png); transition: all 500ms ease;}

.fixed_right .block.tel .hover span{margin-left: 10px; font-size: 18px; color: #333;}

.fixed_right .block.tel:hover .hover{right: 0;}

.fixed_right .block:hover{background: #fff;}

.fixed_right .block:hover p{color: #15499a;}

.fixed_right .block:nth-of-type(1):hover i{background-image: url(../images/fixed_icon1on.png);}

.fixed_right .block:nth-of-type(2):hover i{background-image: url(../images/fixed_icon2on.png);}

.fixed_right .block:nth-of-type(3):hover i{background-image: url(../images/fixed_icon3on.png);}

@media screen and (max-width: 992px){

    .fixed_right .block {display: none;}

    .fixed_right .totop{display: block;width: 40px;height: 40px;}

    .fixed_right .totop p{display: none;}

    .footer .top .right .bot .br .share_link {display: none;}

    .fixed_right .block:hover{background: rgba(0,0,0,.3);}

    .fixed_right .totop:hover i {background-image: url(/static/home/images/fixed_icon3.png) !important ;}

}



@media only screen and (max-width: 1700px) {

    .header .nav li a.v1{padding: 0 10px;}

    .footer .bottom .right .links a{padding: 0 18px;}

}

@media only screen and (max-width: 1650px) {

    

}

@media only screen and (max-width: 1600px) {

   .header .logo img{height: 23%;top: 20px;}

    .header .nav li a.v1{padding: 0 10px;}

    .footer .top .tit{margin-bottom: 50px;}

}

@media only screen and (max-width: 1440px) {

    /*.header .container{width: 100%;padding: 0 130px 0 30px;}*/

    .footer .top .tit{margin-bottom: 40px;}

    .footer .top .left .fot_nav a{font-size: 16px;padding: 5px 0;}

    .footer .top .right .bot .bl p{font-size: 14px;}

    .footer .top .right .bot .br .ewm{width: 120px;}

    .footer .top .left{padding: 5% 0;}

    .footer .top .right{padding: 5% 0;}

    .footer .bottom .left{padding: 35px 0 35px 8%;}

    .footer .bottom .right .links a{padding: 0 10px;}

    .footer .bottom .right{padding: 35px 0 35px 6%;}

}

@media only screen and (max-width: 1366px) {

    .header .logo{height: 70px;line-height: 70px;}

    .header .logo img{height: 50%;top: 20px;}

    .header .nav li{margin: 0 5px;}

    .header .nav li a.v1{font-size: 14px;line-height: 70px;padding: 0 15px;}

    .header .language{margin-top:0; line-height:70px; margin-left: 28px;}

    .header .search_box{height: 70px;}

    .drop_menu{top: 70px;}

    .header .right .top{padding-top: 6px;}

    .header .search_box a.search{width: 50px;}

  /*  .header .right{right: 10px;}*/

    .footer .top .tit{margin-bottom: 30px;}

    .footer .top .left .fot_nav a{font-size: 16px;line-height: 24px;}

    .footer .top .right .bot .bl p{font-size: 14px;line-height: 28px;}

    .footer .top .right .bot .br .ewm{width: 100px;}

    .footer .bottom .right .links a{padding: 0 7px;}

    .footer .bottom .left p{font-size: 12px;}

    .footer .bottom .left{padding: 30px 0 30px 8%;}

    .footer .bottom .right{padding: 30px 0 30px 20px;}

    .footer .top .right .bot .bl{width: 45%;margin-right: 0;}

}

@media only screen and (max-width: 1300px){

 /*   .header .logo img{height: 26%;}*/

}

@media only screen and (max-width: 1199px){

    .header .nav li a.v1{padding: 0 3px;font-size: 14px;}

    .footer .top .right{right: -4%;}

    .footer .top .right .bot .br .ewm{width: 76px;}

    .footer .top .right .bot .br .ewm span{font-size: 12px;}

    .footer .top .right .bot .bl{width: 54%;margin-right: 0;}

    .footer .top .right .bot .br{width: 45%;}

    .footer .top .right .bot .br .ewm img{padding: 3px;}

    .footer .bottom .right .links h1{font-size: 12px;}

}

@media only screen and (max-width: 992px) {

    .container{width: 100%;padding: 0 15px;}

    .header .container{padding: 0 60px 0 15px;}

    .header .logo {height: 60px;line-height: 60px;}

    .header .logo img{height: 58%;top:15px;}

    .menuBtn{display: block;z-index: 15;margin: 0;position: fixed;top: 0;right: 0;transition: all 500ms ease;-webkit-transition:all 500ms ease;}

    .menuBtn.open{margin-top: 0;padding:0;}

    .menuBtn.open b{background: #333 !important;left: 50%;margin-left: -15px;}

    .header .language{border:0 !important;    margin-top: 0; margin-left:0;position: fixed;right: 100px;top:0; line-height:60px;}

    .header .language a{padding: 2px 8px;font-size: 16px;}



    .header .search_box {height: 30px;z-index: 9;width: 200px;display: inline-block;border:1px solid #fff;border-radius: 20px;overflow:hidden;margin-top: 10px;}

    .header .search_box form{position: relative;background: rgba(0,0,0,0.8);width: 100%;height: 100%;}

    .header .search_box form .box input{background: transparent;color: #fff;}

    .header .search_box form .box a.search_close{background-image: url(../images/close2.png);display: none;}

    .header .search_box form .box button{right: 0;left: initial;width: 30px;}

    .header .search_box a.search{background: url(../images/search_ico1.png) no-repeat center;margin-right: 50px;transition: all 500ms ease;-webkit-transition:all 500ms ease;width: 30px;display: none;}

    .header .search_box a.search.active{display: block;}

    .header .search_box form .box input{padding: 0 28px 0 14px;}

    .header .nav{position: fixed;top: 0;left: -100%;width: 100%;height: 100%;padding: 0;background: #fff;z-index: 14;float: none;margin-left: 0;transition: all ease 0.5s;-webkit-transition: all ease 0.5s;padding-top: 80px;}

    .header .nav.active{left: 0;}

    .navbg{display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.5);z-index:0;}

    .header .nav li{float: none;margin: 0;width: 100%;background: #fff;padding:0 20px 0 50px;text-align:left;transition: all 500ms ease;-webkit-transition:all 500ms ease;border-bottom:3px solid transparent;}

    .header .nav li:hover, .header .nav li.on,.header .nav li.ok {border-color:#15499a;}

    .header .nav li a.v1{display: block;padding: 0;line-height: 40px;font-size: 14px; color:#333;text-align:left;}

    .header .nav li a.v1:after{display: none;}

    .header .nav li:hover a.v1, .header .nav li.on a.v1, .header .nav li.ok a.v1, .header.hover .nav li.on a.v1 {background: none;color:#15499a;border-bottom: 0;}

    .header .nav li dl{opacity: 1;visibility: visible;display: none;width: 100%;margin-left: 0;position: static;padding: 0;}

    .header .nav li dl dd .sv1{height: 36px;line-height: 36px;}

    .drop_menu{display: none;}

    .mOpeBtn{position: fixed; right:70px; top: 22px; width: 17px; height: 16px;}

    .mOpeBtn:before{content: ''; display: block; width: 100%; height: 100%; background: url(../images/header_icon5.png) center no-repeat; -webkit-transition: all 500ms ease; transition: all 500ms ease;}

    .mOpeBtn.active:before{-webkit-transform: rotate(180deg); transform: rotate(180deg);}

    .header.hover .mOpeBtn:before{background: url(../images/header_icon5.png) center no-repeat;}

    .header .right.active{padding: 10px; height: 100px;}

    .header .right{position: fixed; top: 60px; bottom: auto; background: #000; height: 0; overflow: hidden; padding: 0 10px;width: 100%;left: 0;right: 0;}

    .header .right .top{ margin-top: 10px;display: inline-block;vertical-align: middle;padding-top: 0; }

    .header .right .top a.link{color: #fff !important;display: inline-block;margin-bottom: 0;}

    .footer .top .right .bot .br{display: none;}

    .footer .top .left{display: none;}

    .footer .top .right{position: static;width: 100%;}

    .footer .top .right .bot .bl{width: 100%;float: none;margin-right: 0;}

    .footer .bottom .right{width: 100%;float: none;padding: 20px;}

    .footer .bottom .right .links{font-size: 0;}

    .footer .bottom .right .links h1{margin-top: 5px;}

    .footer .bottom .right .links a{padding:0;margin: 5px 12px 5px 0;}

    .footer .bottom .left{width: 100%;padding: 15px 15px;float: none;}

    .footer .bottom .left p{text-align: center;}

    .footer .top .tit {margin-bottom: 20px;}

    .footer .bottom .right .links .lr{margin-left: 0;}



}

@media only screen and (max-width: 320px) {

    .header .logo img{height: 23%;top:15px;}

}