﻿body { max-width: 640px; margin: 0px auto 20px; line-height: 24px; font-family: "Microsoft YaHei","tahoma","arial","Hiragino Sans GB","����"; }


a{ text-decoration:none;}


img { border: medium none; vertical-align: middle; }


header { width: 100%; position: relative; /*height: 25px; */background:#fff; }


header img { max-width: 100%; }


.logo { float: left; padding-left: 10px; }


.logo img { height: 43px; margin-top:4px;}


.l_phone { z-index: 99; width: 45px; height: 45px; position: absolute; top: 2px; right: 60px; background: transparent url('http://m.jysgcd.com/App/Tpl/Wap/Default/Public/images/i_nav_bg.png') no-repeat scroll 5px 0px / cover  ; }


.l_phone a { display: block; width: 100%; height: 45px; }


.l_show { z-index: 99; width: 45px; height: 45px; position: absolute; top: 2px; right: 10px; }


.l_show img { max-width: 100%; }


.f_fixed { position: fixed; width:100%; bottom: 0px; left: 0px; text-align: center; z-index: 999; }


.f_fixed li{ background:#2E2E2E; width:25%; text-align:center; float:left;  padding:2px 0px;}


.f_fixed li img{ width:25%;}


.f_fixed li a {  color:#fff; font-size:14px;}


.f_fixed .f_a { width: 100%; height: 100%; overflow: hidden; z-index: 1000; position: absolute; left: 0px; bottom: 0px; }


.f_fixed .f_a ul li { width: 20%; height: 70px; float: left; }


.f_fixed .f_a ul li a { width: 100%; height: 100%; display: block; }


.f_words { background: rgb(249, 249, 249) none repeat scroll 0% 0%; padding: 10px 5%; text-align: center; width: 90%; border-top: 1px solid rgb(220, 220, 220); border-bottom: 1px solid rgb(220, 220, 220); }


.f_words li{ width:21%; float:left; text-align:center; font-size:14px; font-weight:bold; padding:10px 2%; }


.f_words li a{ color:rgb(51, 51, 51); text-decoration:none; font-size:14px;}


.f_words p { font-size: 14px; }


.box_img { width: 100%; text-align: center; padding: 10px 0px; }


.box_img img, .box_img2 img, .box_ban img { max-width: 100%; }


.fix_kf { position: fixed; right: 5px; top: 45%; z-index: 99999; }


.fix_tel { position: fixed; right: 5px; top: 30%; z-index: 99999; }


.fix_kf img{width:50%; float:right;}


.fix_tel img{width:50%; float:right;}


.nav2, .sanbao { width: 96%; text-align: center; padding: 10px 2%; position: relative; }


.nav2 img, .sanbao img { max-width: 100%; }


.nav2_a { width: 100%; padding: 10px 0px; }


.nav2 ul li { width: 25%; float: left; display: inline-block; border-left: 1px solid rgb(219, 219, 219); margin-left: -1px; }


.nav2 ul li:first-child { border: medium none; margin: 0px; }


/*.fix_tel a { position: relative; display: block; width: 40px; padding: 3px 0px 0px; height: 37px; text-align: center; background: #D51311 none repeat scroll 0% 0%; border-radius: 50%; }


.fix_tel s { display: block; position: absolute; top: 0px; background: #D51311 none repeat scroll 0% 0%; border-radius: 50%; opacity: 0.1; width: 100%; height: 40px; z-index: 1; transform: scale(2); animation-duration: 1s; animation-name: shan; animation-timing-function: initial; animation-delay: initial; animation-iteration-count: infinite; animation-direction: initial; animation-fill-mode: initial; animation-play-state: initial; }*/


.show { position: fixed; z-index: 99999; top: 0px; left: 0px; width: 100%; height: 100%; }


.show_box { width: 88%; background: rgb(255, 255, 255) none repeat scroll 0% 0%; box-shadow: 2px 6px 6px rgb(102, 102, 102); position: absolute; left: 6%; border-radius: 10px; top: 10%; }


.show_t { width: 100%; border-radius: 10px 10px 0px 0px; background: #ED1E79 none repeat scroll 0% 0%; padding-top: 10px; }


.show_t h2 { font-size: 24px; text-align: center; line-height: 26px; color: rgb(255, 255, 255); padding: 10px 15px; }


.show_t h2 strong { font-size: 16px; font-weight: normal; }


.show_t h2 a { float: right; color: rgb(255, 255, 255); }


.show_input ul li::after { content: "."; display: block; visibility: hidden; height: 0px; clear: both; }


.show_bg { top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0% ! important; }


.show_tel { text-align: center; padding: 20px 0px 0px; height: 200px; margin: 0px auto; }


.show_tel input { height: 44px; line-height: 44px; width: 240px; padding-left: 20px; }


.show_tel ul li { margin: 5px 0px; }


.show_tel ul li a { line-height: 48px; font-size: 18px; padding: 8px 20px; text-align: center; background: #ED1E79; color: rgb(255, 255, 255); }


.show_tel ul li a:hover { background: rgb(255, 180, 0) none repeat scroll 0% 0%; }


.show_tel ul li p { font-size: 20px; padding: 10px 0px; font-style: italic; }


.show_tel ul li p strong { color: rgb(221, 0, 0); }


.nav_show {display: block;}


.nav_cont { width: 90%; height: 300px; position: fixed; top: 50%; margin-top: -150px; margin-left: 5%; }


.nav_cont ul li { width: 25%; padding-top: 10px; line-height: 20px; height: 90px; text-align: center; float: left; }


.nav_cont ul li img { width: 45px; height: 45px; }


.nav_cont ul li a { color: rgb(51, 51, 51); font-size: 14px; }


.nav_show .nav_close { position: fixed; right: 20px;  text-align: center; width: 50px; height: 50px; }


.nav_show .nav_close a { width: 100%; height: 50px; display: block; }


.menuin { display: block; animation-fill-mode: forwards; animation-duration: 300ms; animation-name: menuin; transform-origin: 50% 50% 0px; }





.pop_wh.show{-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:popshow2;animation-name:popshow2}


.pop_wh.hide{-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:pophide2;animation-name:pophide2}			





.pop_wh{position:fixed;z-index:99999;left:0;right:0;top:0;margin:0 auto;width:100%;height:100%;background:rgba(255,255,255,.95);-webkit-transform:translate3d(0,125%,0);transform:translate3d(0,125%,0);overflow:hidden;visibility:hidden;max-width:640px}		





.back_top { position: fixed; z-index: 99999; right: 10px; bottom: 80px; text-align: center; background-color: rgba(148, 149, 148, 0.8); width: 40px; height: 40px; border-radius: 7px; }


.back_top a { display: block; color: rgb(255, 255, 255); font-size: 14px; line-height: 20px; }


.back_top img { max-width: 70%; }


#LRfloater3 { display: none; }











			@-webkit-keyframes popshow2{


				0%  {visibility:hidden;-webkit-transform:translate3d(0,125%,0);transform:translate3d(0,125%,0)}


				100%{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}


				}


			@keyframes popshow2{


				0% {visibility:hidden;-webkit-transform:translate3d(0,125%,0);transform:translate3d(0,125%,0)}


			    100%{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}


			    


			@-webkit-keyframes pophide2{


				0%{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}


			    100%{visibility:hidden;-webkit-transform:translate3d(0,125%,0);transform:translate3d(0,125%,0)}


				}


			@keyframes pophide2{


				0%{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}


			     100%{visibility:hidden;-webkit-transform:translate3d(0,125%,0);transform:translate3d(0,125%,0)}


			}





			.nav_show .nav_close{position:absolute;width:50px;height: 50px;  left:0;right:0;margin:0 auto;bottom:3em;z-index:40}


			.nav_show .nav_close img{width: 100%;}	


