/*
@font-face {

    font-family: 'PFDinTextCompPro';

    src: url('../fonts/PFDinTextCompPro-Regular.eot');

    src: url('../fonts/PFDinTextCompPro-Regular.eot?#iefix') format('embedded-opentype'),

    url('../fonts/PFDinTextCompPro-Regular.woff') format('woff'),

    url('../fonts/PFDinTextCompPro-Regular.ttf') format('truetype'),

    url('../fonts/PFDinTextCompPro-Regular.svg#Chinese') format('svg');

    font-weight: normal;

    font-style: normal;

}*/



@font-face {

    font-family: 'SourceSansPro';

    src: url('../fonts/SourceSansPro-Regular.eot');

    src: url('../fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),

    url('../fonts/SourceSansPro-Regular-Regularese.woff') format('woff'),

    url('../fonts/SourceSansPro-Regular.ttf') format('truetype'),

    url('../fonts/SourceSansPro-Regular.svg#Chinese') format('svg');

    font-weight: normal;

    font-style: normal;

}


/*
@font-face {

    font-family: 'PFDinTextPro';

    src: url('../fonts/PFDinTextPro-Regular.eot');

    src: url('../fonts/PFDinTextPro-Regular.eot?#iefix') format('embedded-opentype'),

    url('../fonts/PFDinTextPro-Regular-Regularese.woff') format('woff'),

    url('../fonts/PFDinTextPro-Regular.ttf') format('truetype'),

    url('../fonts/PFDinTextPro-Regular.svg#Chinese') format('svg');

    font-weight: normal;

    font-style: normal;

}*/






body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img{border:medium none;margin: 0;padding: 0;}

body,button, input, select, textarea{font: 14px/1.5 "SourceSansPro",sans-serif;}

h1, h2, h3, h4, h5, h6{font-size: 100%;font-weight: normal;}

em{font-style:normal;}

ul, ol{list-style: none;}

img{max-width: 100%;}

a{

	text-decoration: none;color:#333;

	text-decoration: none;

	-moz-transition: all 0.3s ease-in;

	-webkit-transition: all 0.3s ease-in;

	-o-transition: all 0.3s ease-in;

	transition: all 0.3s ease-in;

	tap-highlight-color: rgba(0,0,0,0); 

	focus-ring-color: rgba(0, 0, 0, 0); 

	-webkit-tap-highlight-color: rgba(0,0,0,0); 

	-webkit-focus-ring-color: rgba(0, 0, 0, 0); 

	-moz-tap-highlight-color: rgba(0,0,0,0); 

	-moz-focus-ring-color: rgba(0, 0, 0, 0);

}

a:hover{

	text-decoration: none;

	-moz-transition: all 0.3s ease-in;

	-webkit-transition: all 0.3s ease-in;

	-o-transition: all 0.3s ease-in;

	transition: all 0.3s ease-in;

}

/*火狐去掉按钮、连接的虚线*/

a:focus, a:active,

button::-moz-focus-inner,

input[type="reset"]::-moz-focus-inner,

input[type="button"]::-moz-focus-inner,

input[type="submit"]::-moz-focus-inner,

select::-moz-focus-inner,

input[type="file"] > input[type="button"]::-moz-focus-inner {border: 0;outline : 0;} 

input,button,select,textarea{outline:none;-webkit-appearance:none;}

textarea{resize:none;}

a { text-decoration: none; color: #333; }

a{blr:expression(this.onFocus=this.blur());}

a:focus{outline:none;}

a.hidefocus{outline:none}

.button{ border-radius: 0; }

input{font-family: "微软雅黑";}

textarea{font-family: "微软雅黑";}

img{border:0px;  outline-width:0px;  vertical-align:top;}



button,select,textarea,input:not([type="radio"]):not([type="checkbox"]){-webkit-appearance:none;-moz-appearance:none;appearance:none;}

:focus{outline:0;}/* Form selected style modification */

input,button,img{border: none;background: none;border-radius: 0;}

input,button{outline: none;-webkit-appearance:none;}

input,textarea {

	tap-highlight-color: rgba(0,0,0,0); 

	focus-ring-color: rgba(0, 0, 0, 0); 

	-webkit-tap-highlight-color: rgba(0,0,0,0); 

	-webkit-focus-ring-color: rgba(0, 0, 0, 0); 

	-moz-tap-highlight-color: rgba(0,0,0,0); 

	-moz-focus-ring-color: rgba(0, 0, 0, 0);

}

.clear{clear:both;}









.topPhone a{color:#fff;}

#top {position: fixed; width: 100%; height: 74px; line-height: 74px; color: #fff; background: rgba(0,0,0,0.4); left: 0; top: -74px; z-index: 222;}

#top .logo {float: left; font-size: 0; margin-left: 50px;}

#top .logo img{vertical-align: middle;}

.language {float: right; margin-right: 50px; width: 92px; font-size: 12px;}

.language a {color: #e5e6e6; margin: 0 8px; display: inline-table; width: 25px; height: 25px; line-height: 25px; text-align: center; border:1px #0091e5 solid; background: #0091e5; border-radius: 50%;}

.language a:hover {color: #fff;}

.topPhone {float: right; margin-right: 30px; font-size: 32px; color: #fff; font-weight: bold; font-family: "SourceSansPro"; background: url(../images/top_icon_phone.png) no-repeat left center; padding-left: 55px;}

#menu {float: right; margin-right: 60px;}

#menu li {float: left; font-size: 16px;}

#menu li a{padding:0px 21px;}

#menu li:first-child {margin-left: 0;}

#menu li.active>a,#menu li:hover>a{background: #0091e5;}

#menu li a {color: #fff; display: block;}

.erji_nav{background: rgba(255,255,255,0.8); padding: 6px 0px; display: none; font-size: 14px;}

#menu li .erji_nav a{line-height: 2.5; color: #333; border-bottom: 1px #eee solid;}

#menu li .erji_nav a:hover{background: #0091e5; color: #fff;}

#menu li:hover .erji_nav{display: block;}

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

    #top {height: 74px; line-height: 74px;}

    #top .logo {margin-left: 2.6%;}

    #top .logo img {width: 260px;}

    .language {margin-right: 2.6%; font-size: 13px;}

    .language a {margin: 0 8px;}
    .language .act{background: none;}

    .topPhone {padding-left: 55px; margin-right: 28px; font-size: 32px;}

    #menu {margin-right: 30px;}

    #menu li {font-size: 18px;}

    #menu li a{padding:0px 21px;}


}

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

    #top {height: 74px; line-height: 74px;}

    #top .logo img {width: 230px;}

    .language {font-size: 12px;}

    .language a {margin: 0 6px;}

    .topPhone {padding-left:45px; margin-right: 24px; font-size: 26px; background-size: 40px 40px;}

    #menu {margin-right: 44px;}

    #menu li {font-size: 16px;}

    #menu li a{ padding:0px 18px;}

}

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

    #top {height: 74px; line-height: 74px;}

    #top .logo img {width: 200px;}

    .topPhone {display: none;}

    #menu {margin-right: 40px;}

    #menu li {font-size: 15px;}

}

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

    #top {height: 56px; line-height: 56px;}

    #top .logo img {width: 180px;}

    .language {display: none}

    #menu {margin-right: 2.6%;}

    #menu li {}


}

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

    #top {height: 1rem; line-height: 1rem;}

    #top .logo img {width: 160px;}

    #menu {position: fixed;width: 70%;height: 100%;background: rgba(0,0,0,0.6);top: 1rem;right: 0;margin: 0;z-index: 223;box-sizing: border-box;padding: 0.4rem 0 1rem;transition: 0.4s;transform: translateX(100%);}
    #menu.menu-show{transition: 0.4s;transform: translateX(0);}

    #menu li{float: none;margin: 0;border-bottom: 1px solid #999;line-height: 0.88rem;font-size: 0.3rem;padding: 0 0.4rem;}

    #menu li a.hover{display: none;}

    #menu li:last-child{border: none;}

    #top .menu-btn{display: block;float: right;/*margin: 0.2rem 2.6% 0 0;*/ width: 0.6rem;height: 0.6rem;background: url('../images/menu.png');background-size: 100% 100%; position: absolute; top: 50%; transform: translateY(-50%); right: 20px;}

    .pageNext{ display:none}

    .side{display: none;}

}



/*顶部 End！*/



.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#0091e5;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../images/right_pic5.png)}
.side ul li i.bgs2{background-image:url(../images/right_pic7.png)}
.side ul li i.bgs3{background-image:url(../images/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../images/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../images/right_pic3.png)}
.side ul li i.bgs6{background-image:url(../images/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../images/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#0091e5;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;position:absolute;left:-240px;top:0;border:1px solid #e0e0e0}
.side ul li.sideewm .ewBox.son img{width: 100%;}
.side ul li.sideetel .telBox.son{width:240px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:0px;background:#0091e5}
.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#0091e5}
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}