@charset 'utf-8';
.clearfix::after
{
    display: block;
    clear: both;

    height: 0;

    content: ' ';
}
.clearfix
{
    zoom: 1;
}
.fl
{
    float: left;
}
.fr
{
    float: right;
}
.nav{
	width:100%;
	position:fixed;
	background: #fff;
	top:0;
	z-index: 455;
	border-bottom:1px solid rgba(255,255,255,0.18);
	height:75px;
	-webkit-transition:all .3s ease-out 0s;
	-moz-transition:all .3s ease-out 0s;
	-o-transition:all .3s ease-out 0s;
	-ms-transition:all .3s ease-out 0s;
	transition:all .3s ease-out 0s;
}
.nav.act{
    border-bottom: 1px solid rgba(255,255,255,0); 
    background:rgba(0,0,0,0);
    z-index: 117;
}
.pcdaohangwai {
    background: #fff;
    width: 100%;
    height: 86px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    -webkit-transition:all .3s ease-out 0s;
    -moz-transition:all .3s ease-out 0s;
    -o-transition:all .3s ease-out 0s;
    -ms-transition:all .3s ease-out 0s;
    transition:all .3s ease-out 0s;   
}
.pcdaohangwai.act{
    border-bottom: 1px solid rgba(255,255,255,0); 
    background:rgba(0,0,0,0);
}
.pcdaohangwai.act .navbox{
    display:none;
}
.pcdaohangwai.act .sousuoa{
    display:none;
}
.navcon{
	padding:0px;
	position:relative;
	width: 100%;
    height:75px;	
}
.navcon .container {height:100%;}

.logo{
	width:161px;
	position:absolute;
	top:50%;
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sousuoa{	width:25px; float: right; height: 75px; line-height: 75px; margin: 0 25px 0 0; position: relative;cursor: pointer;}
.sousuoa.act{
    display:none;
}

.navbox {
	margin-right:51px;
}
.navbox.act{
    display: none;
}
.sousuoa img{
	width:100%;
}
.menu_a{
	width:25px;
	height:75px;
	float: right;
}
.openmenu{
    display: block;
    position: relative;
	background: none; outline: 0; border: none;
    width: 21px;
    height: 20px;
    -webkit-transition: all .4s ease-in-out 0s;
    -moz-transition: all .4s ease-in-out 0s;
    -ms-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s;
    top:50%;
    left:0;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.openmenu span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 21px;
    height: 3px;
    -webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -ms-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;
    background: #27BACB;
}
.openmenu span::after, .openmenu span::before {
    position: absolute;
    left: 0;
    height: 100%;
    content: '';
    -webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -ms-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;
    background: #27BACB;
}

.openmenu span::after{
	top:-10px; width: 100%;
}
.openmenu span::before{
	bottom:-10px; width: 90%;
}
.openmenu.act span {
    background: rgba(255,255,255,0);
}
.openmenu.act span::before {
    top: 0;width: 100%;
    -webkit-transform: rotate(43deg);
    -ms-transform: rotate(43deg);
    -moz-transform: rotate(43deg);
    -o-transform: rotate(43deg);
    transform: rotate(43deg);

}
.openmenu.act span::after {
    top: 0;
    -webkit-transform: rotate(-43deg);
    -moz-transform: rotate(-43deg);
    -o-transform: rotate(-43deg);
    -ms-transform: rotate(-43deg);
    transform: rotate(-43deg);
}

@keyframes myfirst
{
    from {left: -100%;}
    to {left: 360px;}
}


.hide{
	opacity: 0;
}
.san_a{
	color: #fff;
	font-size: 16px;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
/***搜索***/

.search{
    position: fixed;
    top: 75px;
    left: 0;
    width: 100%;
    height: 70px;
    z-index: 302;
    display:none;
    background-color:#52C8D5;
}
.search ::-webkit-input-placeholder{color:#fff;}    /* 使用webkit内核的浏览器 */
.search ::-moz-placeholder{color:#fff;}                  /* Firefox版本4-18 */
.search ::-moz-placeholder{color:#fff;}                  /* Firefox版本19+ */
.search ::-ms-input-placeholder{color:#fff;}           /* IE浏览器 */
.search .pcbb{
    position: absolute;
    top:0px;
    left: 0px;
    width: 100%;
    height:70px;
}

.pcs_close{

    position: absolute;

    top: 2px;

    left: 0px;

    cursor: pointer;    

    -webkit-transition: all .5s ease 0s;

    -moz-transition: all .5s ease 0s;

    -ms-transition: all .5s ease 0s;

    -o-transition: all .5s ease 0s;

    transition: all .5s ease 0s;
    width:16px;
    display:none;
    z-index: 50;

}
.pcs_close img{
	width:100%;
}
.search .pcs_close:hover{

    transform: rotate(180deg);

    -o-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

}

.search .pcs_close img{

    width: 26px;

}

.search .pcsearch {

    position: absolute;

    left: 50%;

    top: 50%;



    max-width: 100%;



    text-align: center;



    -webkit-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);

}

.search .pcsearch .pstitle{

    /*margin-bottom: 35px;*/
    display:none;

}

.search .pcsearch .pstitle img{

    width: 210px;

}

.search .pcsearch h5{
    font-size: 28px;
    color: #ffffff;
    text-transform: uppercase;
	display:none;
}

.search .pcsearch .sebox{

    width: 850px;
    max-width: 100%;
    position:relative;

}

.search .pcsearch .sebox .sear_l{
background:none; outline: 0; border: none;
    float: left;
    width: calc(100% - 96px);
    height: 70px;
    padding-left: 30px;
    margin-right: 17px;
    color: #fff;
    font-size: 18px;

}
.cuohao{
	position: absolute;
    top:0;
    left: 0;
    display: none;
}
.cuohaoa{
    color:#333;
}
.cuohao.act{
    color:#333;
}
.search .pcsearch .sear_r{
    display: inline-block;
    width: 79px;
    height: 70px;
	background: url("../images/se.png") no-repeat center; border: none; outline: 0;
    text-align: center;
    line-height: 70px;
    cursor: pointer;

}

.search .pcsearch .seword{

    text-align: center;

}

.search .pcsearch .seword ul li{

    display: inline-block;

    padding: 0 15px;



    font-size: 16px;


}

.search .pcsearch .seword ul li a{

    color: #e2e2e2;

}

.search .pcsearch .seword ul li a:hover{

	color: #ff4343;

}




#drop .mCSB_inside > .mCSB_container{
    margin-right: 0;
}


svg:not(:root) {
    overflow: hidden;
}




.nav_aside{
    width:260px;
    text-align: center;
    position:absolute;
    top:75px;
    right:-260px;
    background:#fff;
    height:100vh;
    -webkit-transition:all .3s ease-out 0s;
    -moz-transition:all .3s ease-out 0s;
    -ms-transition:all .3s ease-out 0s;
    -o-transition:all .3s ease-out 0s;
    transition:all .3s ease-out 0s;
    z-index: 66;
}
.nav_aside.active{
    right:0;
}
.nav_asida{
    padding-left:12px;
}
.nav_asida a{
    display:block;
    padding:30px 0;
    color:#666666;
    font-size:16px;
    border-bottom: 1px solid #eaebeb;
}
.lanjian{
    transform: translateX(-65px);
    opacity: 0;
    -webkit-transition:all .3s ease-out 0s;
    -moz-transition:all .3s ease-out 0s;
    -ms-transition:all .3s ease-out 0s;
    -o-transition:all .3s ease-out 0s;
    transition:all .3s ease-out 0s;
}
.nav_asida:hover .nav_cela{
    display:block;
} 
.nav_cela{
    width: 258px;
    padding:0 25px;
    background:rgba(255,255,255,0.92);
    position:fixed;
    top:75px;
    right:260px;
    height:100vh;
    display:none;
}
.nav_class{
    border-bottom:1px solid rgba(0,0,0,0.06);
}

/*手机下拉*/
.phxia{
    position: fixed;
	top: 75px;
    width: 100%;
    z-index: 110;
}
.xialaph{
    display: none;

    position: absolute;
    top: 0px;
    left: 0px;

    width: 100%;

    padding-bottom: 30px;

    background-color: #f1f1f1;
    font-family: '微软雅黑';
}
@media screen and (max-width: 992px)
{
    .xialaph .container{
        width: 100%;
        padding: 0 40px;
    }
}
@media screen and (max-width: 768px)
{
    .xialaph .container{
        width: 100%;
        padding: 0 20px;
    }
}
.xialaph h4{
    position: relative;
}
.xialaph h4::after{
    content: '';

    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 1px;

    opacity: .1;
    background-color: #000;
}
.xialaph h4 a{
    font-size: 16px;
    font-weight: bold;
    line-height: 60px;
    text-transform: uppercase;
    color: #999;
}
.xialaph h4 img{
    position: absolute;
    top: 50%;
    right: 5px;

    width: 13px;
    cursor: pointer;

    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.xialaph .ul2{
    display: none;
    padding-top: 7px;
    padding-bottom: 8px;
}
.xialaph .ul2 .container{
    max-width: 100%;
}
.xialaph h5{
    position: relative;
}
.xialaph h5::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 1px;

    opacity: .05;
    background-color: #000;
}
.xialaph h5 a{
    font-family: '微软雅黑';
    font-size: 14px;
    line-height: 40px;
    text-transform: uppercase;
    color: #999;
}
.xialaph h5 img{
    position: absolute;
    top: 50%;
    right: 5px;

    width: 13px;
    cursor: pointer;

    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s{
    display: none;
}
.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d{
    display: block;
}
.xialaph .ul3{
    display: none;
    padding-left: 15px;
}
.xialaph h6 a{
    font-family: '微软雅黑';
    font-size: 12px;
    line-height: 40px;
    text-transform: uppercase;
    color: #999;
}
/**扒侧导航**/
body.active_right #header_right {
    z-index: 998;
    visibility: visible;
}
#header_right {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    width: 100%;
    visibility: hidden;
}
#header_right .header_inner_wrap {
    position: relative;
    max-width: 2000px;
    margin: 0 auto;
    height: 100%;
    overflow: hidden;
}
#header_right .header_inner_wrap .dimmed_area {
    position: absolute;
    right: 480px;
    top: 0;
    bottom: 0;
    left: 0;
}
body.stop.active_right #header_right .header_inner_wrap .header_inner {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}
#header_right .header_inner_wrap .header_inner {
    -webkit-transform: translateX(480px);
    -moz-transform: translateX(480px);
    -ms-transform: translateX(480px);
    -o-transform: translateX(480px);
    transform: translateX(480px);
}
#header_right .header_inner_wrap .header_inner {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 480px;
    text-align: left;
}
.header_inner_wrap .header_inner {
    background: #fff;
    overflow-y: auto;
}
.gnb_mot {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.header_inner_wrap .header_inner h3 {
    background-size: 100%;
    color: #fff;
    padding: 37px 0 15px 40px;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 0.8px;
    font-weight: bold;
}
.eng {
    font-family: 'Arial', sans-serif;
    background-color: transparent;
    -webkit-font-smoothing: antialiased;
}

.header_inner_wrap .header_inner .block {
    padding: 30px 37px;
    border-bottom: 8px solid #ececec;
}
.header_inner_wrap .header_inner .block {
    padding: 30px 37px;
    border-bottom: 8px solid #ececec;
}
.header_inner_wrap .header_inner .block.block3 {
    border: 0;
}
.header_inner_wrap .header_inner .block {
    padding: 30px 37px;
    border-bottom: 8px solid #ececec;
}
.nav_asida:hover .lanjian{
        opacity: 1;
    }
/**扒侧导航结束*/

.mm {overflow-y:auto; height: 90%; position: relative;}
.wepostion {position:relative; width: 30px; height: 75px; margin-right: 25px; float: right;}
.wechat {
    width: 27px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}
.headw {
    position: relative;
	color: #676767;
}
.headw svg path {fill:#676767;}
.lang-sub {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 110px;
    height: 110px;
    background: #fff;
	border:1px solid #AAAAAA;
    margin-left: -55px;
    padding: 5px;
    text-align: center;
    display: none;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
}
.lang-sub:after {
   border: solid transparent;
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border-width: 10px;
    border-bottom-color: #fff;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
}



@media (min-width: 992px){
.hidden-lg {
    display: none !important;
}

}

@media screen and (max-width: 1220px) {
.navbox {
    display: none;
}

}

/*pc mobile*/


.nav .common2{ position: relative; height: 100%; float: right;}
.nav .common2 .navs{float:right;padding-top:25px; height: 100%;}
.nav .common2 .navs ul li{float: left;width: 110px;text-align: left;padding-bottom: 30px;position: relative;}
.nav .common2 .navs ul li:first-child {width:90px;}
.nav .common2 .navs ul li a{ font-size:16px;}
.nav .common2 .pull_down{display:none;text-align: right;position:absolute;left:-25px;top:50px;background:rgba(255,255,255,0);width:100%;z-index: 455;}
.nav .common2 .pull_down ul {float: right;}
.nav .common2 .pull_down ul li{width:110px;text-align: center;vertical-align: top;float: left;;}
.nav .common2 .pull_down ul li p{line-height: 30px;}
.nav .common2 .pull_down ul li p a{font-size:14px; color:#333; }
.nav .common2 .pull_down ul li p a:before {
    content: "· ";
}
.nav .common2 .pull_down ul li p a:hover{color:#27BACB;}
.nav .common2  li a.flipmenu_link:before {content:""; background: #27BACB; height: 4px; width:0; opacity: 0; bottom: -27px; left: 0; position: absolute;transition: 0.3s;
    -webkit-transition: 0.3s;}
.nav .common2  li:hover a.flipmenu_link,.nav .common2  li.active a.flipmenu_link {color:#27BACB;}
.nav .common2  li:hover a.flipmenu_link:before,.nav .common2  li.active a.flipmenu_link:before {width:100%; opacity: 1;}
.nav .common2 .pull_down ul li p:nth-child(1){
    padding-top: 30px;
}

.flipmenu {
    position: relative;
}
.flipmenu_box {
    text-align: left;
    width: 70px;
}

.flipmenu_link,
.flipmenu_link_over,
.flipmenu_link_active {
	color:#333; 
	font-size: 16px;
    cursor: pointer;
}

.flipmenu_link {    position: relative;}

.flipmenu_link_over, 
.flipmenu_link_active {
    color: #610085;
	font-weight:600;
}

@media (max-width:1279px) {

.common2 {display:none;}

}
@media (max-width:991px) {

.nav_aside {display:none !important}
	.sousuoa,.wepostion {margin-right:15px;}
}