/*通用样式*/
body{
	font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif;
}
.inner { 
	margin-left: auto;
	margin-right: auto;
	max-width:85%;
}
@media (max-width: 1200px){
	.inner {
     padding: 0 5px !important; 
}
}
@media (max-width: 768px){
	.logo img {height: 55px;}
	.logo {top: 0 !important;}
}


.li-last > div{background:#3E3838 ;padding-left: 15px;padding-right: 15px;}
.li-last > div a{color:#fff !important;}

.li-last .p1 img{position: absolute;left:0px;top:0px}
.li-last .p1{width:30px;height:30px;position: absolute;top:10px;left:30px;margin-bottom: 20px;}
.li-last .p2{line-height: 35px;padding-top:35px ;}
.pinner { width: 1100px; margin: 0px auto; }
#head { width: 100%; position: fixed; left: 0px; top: 0px; z-index: 1000; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5); }
.top { height: 75px; background-color: #fff; }
.top .inner { position: relative; }
.logo { position: absolute; left: 0; top: 0; font: bold 26px/75px "Microsoft JhengHei"; color: #777777; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; }
.logo img { display: block; margin-right: 15px; float: left; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; max-height: 75px;}
.logo .txt { margin-top: 22px; float: left; display: block; }
.nav { float: right; display: block; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; }
.nav a:link, .nav a:visited { color: #333; }
.nav a:active, .nav a:hover { color: #0091DC; }
.nav li { float: left; display: block; padding-left: 30px; margin-left:16px; height: 75px; text-align: center; position: relative; }
.nav .n_a { display: block; height: 75px; line-height: 75px; font-size: 16px; position: relative;font-weight: bold;}
.nav .n_a::before { backface-visibility: hidden; bottom: 0; content: ""; display: block; height: 4px; left: 50%; position: absolute; width: 0; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; }
.nav .n_a::after { backface-visibility: hidden; background: #0091DC none repeat scroll 0 0; bottom: 0; content: ""; display: block; height: 4px; position: absolute; left: 50%; width: 0; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; }
.nav .n_a:hover::before { backface-visibility: hidden; background: #0091DC none repeat scroll 0 0; width: 100%; left: 0px; }
.nav .n_a:hover::after { backface-visibility: hidden; background: #0091DC none repeat scroll 0 0; width: 100%; left: 0px; }
.nav .n_a.active::before { backface-visibility: hidden; background: #006766 none repeat scroll 0 0; bottom: 0; content: ""; display: block; height: 4px; left: 0; position: absolute; width: 100%; left: 0px; }
.nav .n_a.active::after { backface-visibility: hidden; background: #006766 none repeat scroll 0 0; bottom: 0; content: ""; display: block; height: 4px; position: absolute; right: 0; transition: all 0.5s ease 0s; width: 100%; left: 0px; }
.nav .n_a.active:hover::before { backface-visibility: hidden; background: #0091DC none repeat scroll 0 0; width: 100%; }
.nav .n_a.active:hover::after { backface-visibility: hidden; background: #0091DC none repeat scroll 0 0; width: 100%; }
.no-csstransitions .nav .n_a { height: 84px; }
.no-csstransitions .nav .n_a::after, .no-csstransitions .nav .n_a::after, .no-csstransitions .nav a:hover::before, .no-csstransitions .nav a:hover::after, .nav .n_a.hov::after, .nav .n_a.hov::after, .nav a:hover.hov::before, .nav a:hover.hov::after { display: none; }
.no-csstransitions .nav .n_a.active, .no-csstransitions .nav .n_a:hover { border-bottom: 4px solid #006766; }
.nav .subnav { border: #ccc 1px solid;display: none; position: absolute; width: 220px; border-top: 4px solid #0091DC; background-color: #fff; left: -55px; top: 75px; padding: 8px 0px 17px;z-index: 100; }
.nav .subnav a { display: block; text-align: center;padding-left: 20px; height: auto; line-height: 1.5; font-size: 14px; color: #000; padding: 8px 25px; margin-bottom: 2px; }
.nav .subnav a:hover { background-color: #f9f9f9;color:#0091DC; }
.nav .subnav .bot { background: url(../images/nbot.png) no-repeat scroll center bottom; width: 69px; height: 22px; margin: 0px auto; }
.menu-handler { width: 68px; height: 78px; cursor: pointer; display: none; float: right; position: fixed; right: 0px; top: 0px; z-index: 1006; background-color: #0091DC; }
.menu-handler .burger { width: 36px; height: 5px; background: #fff; display: block; position: absolute; z-index: 5; top: 24px; left: 50%; margin: 0 0 0 -18px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; border-radius: 3px; }
.menu-handler .burger-2 { top: 36px; }
.menu-handler .burger-3 { top: 48px; }
.menu-handler.active .burger-1 { top: 36px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3 { top: 36px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.trans, .trans:hover { -webkit-transition: all 277ms ease-in-out; -moz-transition: all 277ms ease-in-out; -o-transition: all 277ms ease-in-out; transition: all 277ms ease-in-out; -ms-transition: all 277ms ease-in-out; }
.trans-fast, .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
#menu-holder { position: fixed; right: -350px; top: 0px; width: 270px; padding: 0px 25px; height: 100%; overflow-x: hidden; overflow-y: auto; background-color: #0091DC; color: #fff; z-index: 1005; -webkit-overflow-scrolling: touch; -webkit-transition: 400ms; -moz-transition: 400ms; -o-transition: 400ms; transition: 400ms; }
#menu-holder a:link, #menu-holder a:visited { color: #fff; }
#menu-holder a:active, #menu-holder a:hover { color: #8de0df; }
#menu-holder .msubnav a:link, #menu-holder .msubnav a:visited { color: #fff; }
#menu-holder .msubnav a:active, #menu-holder .msubnav a:hover { color: #fff; }
.navMobile { padding: 0px 0px 15%; margin-top: 86px; display: block; }
.navMobile dd { padding-bottom: 20px; position: relative; width: 100%; }
.navMobile p a {  display: block; font-family: "微软雅黑";font-size: 18px;}
.navMobile .msubnav { width: 238px; padding-top: 16px; display: none; }
.navMobile .msubnav a { font-size: 14px; margin: 0px 12px 10px 0px; display: inline-block; }
.mfoot { position: relative; transition: 600ms 700ms; left: 100px; opacity: 0; }
.sharp { padding: 18px 0px; position: relative; }
.sharp a { display: block; float: left; margin-right: 20px; width: 40px; height: 35px; background: url(../images/sharp.png) no-repeat; }
.sharp a.s1 { background-position: 0px 0px; }
.sharp a.s2 { background-position: -62px 0px; }
.sharp a.s3 { background-position: -124px 0px; }
#menu-holder .g-tel { font-size: 14px; }
#bg-menu { background-color: rgba(0,0,0,0.8); position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; cursor: url("../images/close-icon.ico") 16 16, default; z-index: 1004; display: none; }
.open #menu-holder { right: 0px; }
.mtop { height: 75px; }


@media screen and (max-width:1024px){
	.footPage,.pinner{ width: 90%;}
	.gropBox,.nav{ display: none;}
	.top,.mtop{ height: 78px;}
	.top .inner{ width: auto;}
	.logo{ left: 5%; top: 0; font-size: 22px; line-height: 62px;}
	.logo .txt{ margin-top: 0px; color: #777777;}
	.gropBox2,.menu-handler{ display: block;}
	.banner .binbox{ width: 90%; margin: 0px; left: 5% !important; display: block !important;}

	
}

@media screen and (max-width:641px){
	.top,.mtop{ height: 62px;}
	.logo{ top: 10px; font-size: 20px; left: 10px; font-size: 14px;width:100px}
	.logo img{ margin-right: 5px;}
	.gropBox2{ margin-right: 70px; margin-top: 20px;}
	.gropBox2 a.g-tel{ display: none;}
	.menu-handler { width: 60px; height: 62px;}
	.menu-handler .burger { width: 32px; height: 4px; top: 16px; left: 50%; margin: 0 0 0 -16px;}
	.menu-handler .burger-2 { top: 28px; }
	.menu-handler .burger-3 { top: 40px; }
	.menu-handler.active .burger-1 { top: 28px;}
	.menu-handler.active .burger-3 { top: 28px;}
	
}