﻿
/* CSS Document */

*{ margin:0;padding:0;list-style:none; }
body{  max-width: 640px; margin: 0px auto; margin-bottom:70px;   line-height:24px;font-family: "tahoma","arial","Microsoft YaHei","Hiragino Sans GB","\5b8b\4f53";}
.clear{ clear:both;}
a{ text-decoration:none; color:#333; }
img{ border:none;vertical-align: middle; }
.fl{ float:left;}
.fr{ float:right;}
.h20{ width:100%; clear:both; height:20px;}
.h12{ width:100%; clear:both; height:12px;}


header{ width:100%; position:relative; height: 50px;;  background: #1bc259; }
header img{ max-width:100%;} 
.logo{  float: left; padding-left: 10px;}
.logo img{ height: 47px}
.l_phone{z-index:99; width: 45px; height: 45px; position: absolute; top: 2px; right: 60px;  background: url(http://m.jysgcd.com/App/Tpl/Wap/Default/Public/zjqb/zjqbCSS/i_nav_bg.png) 5px 0px no-repeat; background-size: 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%;}
.l_words { width: 100%;line-height: 50px; position: absolute; left: 0px;}
.l_words  a{ color: #fff;  font-weight: bold; padding-left: 10px; position: absolute; left: 0px; top: 0px;}
.l_words h2{ text-align: center; color: #fff; font-size: 18px; font-weight: normal ;}


.city_a{ position:absolute; right:10px; top:10px;  }
.city_a a{  width:100px; height:50px;   display:block;  }
.show_city{ width:100%; position:fixed; z-index:9999; padding:10px 0px;  top: 0px; left:0px;   background: rgba(229, 229, 229, 0.9) !important;background: #e5e5e5;  filter: Alpha(opacity=90);  }
.show_city h2{ text-align:right; padding:0 1% 10px 0; }
.show_city ul li{ width:23%; margin:1%; float:left;}
.show_city ul li a{ background:#019633; color:#fff; font-size:16px; text-align:center; height:50px; line-height:50px; font-size:14px; display:block; }
/*
nav{ width:96%; text-align:center; background:#2d2d2d; padding: 0px 2%;}
nav a{ color:#fff; line-height:30px; padding:10px 10px; display:inline-block;}
nav a:first-child { background:#ff5f20}*/

 
.f_fixed{ position:fixed; width:100%;   bottom:0px; left:0px; text-align:center; z-index:999 ;} 
.f_fixed img{max-width:100%; opacity: .8;}
.f_fixed .f_a{  width:100%; height:100%; overflow:hidden; z-index:1000; position: absolute; left:0; bottom:0px;  } 
 .f_fixed .i_logo2{ width: 60px; height: 60px;; margin: 2px auto 0px auto; background: url(http://m.jysgcd.com/App/Tpl/Wap/Default/Public/zjqb/zjqbCSS/i_logo2.png) center 0px no-repeat;background-size:  contain;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);
 -webkit-animation:play 3s linear infinite;-moz-animation:play 3s linear infinite;animation:play 3s linear infinite; }
.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:#f9f9f9; padding:10px 5%; text-align: center; width:90%; border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;}
.f_words p{ font-size:14px;}

@-webkit-keyframes play{0%  {-webkit-transform:rotate(0deg);}100% {-webkit-transform:rotate(-360deg);}}
@-moz-keyframes play{0%  {-webkit-transform:rotate(0deg);}100% {-webkit-transform:rotate(-360deg);}}
@keyframes play{	0%  {-webkit-transform:rotate(0deg);}100% {-webkit-transform:rotate(-360deg);}}	

.box_img{ width:100%; text-align:center; padding:10px 0px; }
.box_img img,.box_img2 img,.box_ban img{ max-width:100%;}
.box_img2{ width:96%; text-align:center; padding:10px 2%;} 
.box_ban{width:100%; text-align:center;}


.fix_tel{ position:fixed; right:10px; top:30%; z-index:99999;}
.fix_tel a{ position:relative; display:block; width:40px; padding:3px 0px 0px 0px; height:37px;  text-align:center; background:#00a67c; border-radius:50%;}  

 
.fix_tel s { display:block; position:absolute;top:0px; background: #4dc0a3; border-radius:50%;   opacity: .1;width: 100%;; height: 40px; z-index: 1; -moz-transform: scale(2); -moz-animation-duration: .8s; -moz-animation: shan 1s infinite; -moz-animation-name: shan; -moz-animation-timing-function: initial; -moz-animation-delay: initial; -moz-animation-iteration-count: infinite; -moz-animation-direction: initial; -moz-animation-fill-mode: initial; -moz-animation-play-state: initial; -webkit-transform: scale(2); -webkit-animation-duration: .8s; -webkit-animation: shan 1s infinite; -webkit-animation-name: shan; -webkit-animation-timing-function: initial; -webkit-animation-delay: initial; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: initial; -webkit-animation-fill-mode: initial; -webkit-animation-play-state: initial; }
.zixun ul li:last-child s{ background:#ef898c}

@-webkit-keyframes shan {
    0% { opacity: 1; -webkit-transform: scale(1); }
    100% { opacity: 0; -webkit-transform: scale(1.5); }
}

@-moz-keyframes shan {
    0% { opacity: 1; -moz-transform: scale(1); }
    100% { opacity: 0; -moz-transform: scale(1.5); }
}

 
.show{ position:fixed;  z-index:99999; top:0px; left:0px;  width:100%; height:100%;    }
.show_box{ width:88%; background:#fff;  box-shadow: 2px 6px 6px #666; position:absolute; left:6%; border-radius:10px;   top:10%;}  
.show_t{ width:100%; border-radius:10px 10px 0px 0px ; background:#4ab56d; padding-top:10px;  }
.show_t h2{ font-size:24px; text-align:center; line-height:26px; color:#fff;  padding:10px 15px;  }
.show_t h2 strong{ font-size:16px; font-weight:normal;}
.show_t h2 a{ float:right; color:#fff; }
.show_input{ text-align:left; padding:20px;}
.show_input ul li{ padding: 5px 0px; text-align:center; position:relative;}
.show_input ul li:after{  content:"."; display:block; visibility:hidden; height:0; clear:both;}
.show_input strong{  font-size:16px; }
.show_input input,.show_input select{ padding:0px 10px; height:30px; line-height:30px; width:130px;  border:1px solid #ccc; }
.show_input select{ width:152px; } 
.show_input  .i_sub{ padding-top:20px; text-align:center;}
.show_input  .i_sub input{background:#4ab56d; color:#fff; padding:0px 40px; width:auto; font-size:22px; font-weight:bold; border-radius:6px;  border:none; height:50px; float:none; text-align:center;  }
.show_input  .i_sub input:hover{ background:#ffb400; cursor:pointer;}
.show_bg{  top:0px;  width:100%; height:100%;  background: rgba(0, 0, 0, 0.6) !important;background: #000;  filter: Alpha(opacity=60); }
.show_input span{ text-align:center; color: #d00; line-height: 30px; text-indent: -9999px; position: absolute; top: 4px; right: 40px;}
 
 
.show_tel{ text-align:center; padding:20px 0px 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: #4ab56d; color:#fff;}
.show_tel ul li a:hover{ background:#ffb400;}
.show_tel ul li p{ font-size:20px; padding:10px 0px; font-style:italic;}
.show_tel ul li p  strong{   color:#d00;} 

 

#swt_center {   display:table;  left: 50%;    margin-left: -112px;    position: fixed;    top: 160px;    width: 224px;    z-index: 9999;}
#swt_center .close {    display: block;    height: 36px;    position: absolute;    right: 0px;    top: 0;    width: 60px;}
#swt_center .btn_con {   height: 60px;    left: 0;    position: absolute;    top: 55px;    width: 216px;   padding: 0px 0px 0px 6px;}
#swt_center .btn_con a {    display: block;    float: left;    height: 60px;    width: 70px; ;}


.nav_show {position: fixed; display:none; top: 0;left: 0; z-index:99999; width: 100%;height: 100%;background-color: rgba(255, 255, 255, 0.9);}
.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: #333; font-size: 14px;}
.nav_show .nav_close{ position:fixed; right: 20px; top: 20px; text-align: center; width: 50px; height: 50px; }
.nav_show .nav_close a{ width: 100%; height: 50px; display: block;}
 
@-webkit-keyframes menuin{0%{-webkit-transform:scale(3);-moz-transform:scale(3);-ms-transform:scale(3);-o-transform:scale(3);transform:scale(3);opacity:0}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}}
@-moz-keyframes menuin{0%{-webkit-transform:scale(3);-moz-transform:scale(3);-ms-transform:scale(3);-o-transform:scale(3);transform:scale(3);opacity:0}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}}
@-o-keyframes menuin{0%{-webkit-transform:scale(3);-moz-transform:scale(3);-ms-transform:scale(3);-o-transform:scale(3);transform:scale(3);opacity:0}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}}
@-ms-keyframes menuin{0%{-webkit-transform:scale(3);-moz-transform:scale(3);-ms-transform:scale(3);-o-transform:scale(3);transform:scale(3);opacity:0}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}}
@keyframes menuin{0%{-webkit-transform:scale(3);-moz-transform:scale(3);-ms-transform:scale(3);-o-transform:scale(3);transform:scale(3);opacity:0}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}}
@-webkit-keyframes menuout{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(3);-moz-transform:scale(3);-ms-transform:scale(3);-o-transform:scale(3);transform:scale(3);opacity:0}}
@-moz-keyframes menuout{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(3);-moz-transform:scale(3);-ms-transform:scale(3);-o-transform:scale(3);transform:scale(3);opacity:0}}
@-o-keyframes menuout{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(3);-moz-transform:scale(3);-ms-transform:scale(3);-o-transform:scale(3);transform:scale(3);opacity:0}}
@-ms-keyframes menuout{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(3);-moz-transform:scale(3);-ms-transform:scale(3);-o-transform:scale(3);transform:scale(3);opacity:0}}
@keyframes menuout{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(3);-moz-transform:scale(3);-ms-transform:scale(3);-o-transform:scale(3);transform:scale(3);opacity:0}}
.menuin{display:block;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:300ms;animation-duration:300ms;-webkit-animation-name:menuin;animation-name:menuin;-webkit-transform-origin:50% 50%}
.menuout{display:block;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:300ms;animation-duration:300ms;-webkit-animation-name:menuout;animation-name:menuout;-webkit-transform-origin:50% 50%}

.back_top{  position: fixed; z-index: 99999; right: 10px; bottom: 80px; text-align: center;  background-color: rgba(148,149,148,.8);
  width: 40px;  height: 40px;  border-radius: 7px;}
.back_top a{ display: block; color: #fff; font-size: 14px; line-height: 20px;}
.back_top img{ max-width: 70%;}
#LRfloater3{display:none;}