/* CSS Document */



*{ margin:0;padding:0;list-style:none; }

body{  max-width: 640px; margin: 0px auto; margin-bottom:70px; font: 16px/26px "Arial", "Microsoft YaHei", "微软雅黑", "SimSun", "宋体"; color:#333; }

.clear{ clear:both;}

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

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

.fl{ float:left;}

.fr{ float:right;}

.h12{ width:100%; clear:both; height:12px;}

.h20{ width:100%; clear:both; height:20px;}

.w94{ width: 94%; padding: 10px 3%;}

.w96{ width: 96%; padding: 10px 2%;}



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

header img{ max-width:100%;} 

.i_site{ position: absolute; left: 8px; top: 0px; line-height:50px; background: url(http://m.jysgcd.com/App/Tpl/Wap/Default/Public/ldy/css/i_site.png) 0px 11px no-repeat;  }

.i_site a{ color: #fff; font-size: 18px; padding-left: 24px; display: block; }

.i_site img{  }

.i_name{ width: 100%; text-align: center;}

.i_name h2{ color: #fff; line-height: 50px; font-size: 18px;;}

.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/ldy/css/i_nav_bg.png) 5px 0px no-repeat; background-size: cover ;}

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

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

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

 

.i_line{ width: 100%; background: #fafafa; clear: both; border-bottom: 1px solid #eee; border-top: 1px solid #eee;}

.show_city{ width:94%; position:fixed; z-index:9999; padding:10px 3%;  top: 0px; left:0px;   background: rgba(255, 255, 255, 0.7) !important;background: #fff;  filter: Alpha(opacity=70);  }

.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:#333; color:#fff; text-align:center; height:50px; line-height:50px; display:block; }

 

/*专题顶部导航*/

.zt_head{ width:100%; position:fixed; z-index: 99999; height: 50px;; background: rgba(19, 19, 19, 0.7) !important;}

.i_back{ position: absolute; left: 0px; top: 0px;}

.i_tel{ position: absolute; right: 5px; top: 0px;}

 

/*底部四个链接*/

.nav2{  width:96%; text-align:center; padding:0 2%; position:relative;} 

.nav2 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 #dbdbdb; margin-left:-1px;  }

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



/*底部浮动*/

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

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

.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/ldy/css/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:25%; height:70px;; float:left; ; }

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

.f_words{background:#fafafa; padding:10px 5%; text-align: center; width:90%; border-top:1px solid #eee;border-bottom:1px solid #eee;}

.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_ban{ width:100%; text-align:center;}

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

.box_img2{ width:96%; text-align:center; padding:10px 2%;} 

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





.fix_tel{ position:fixed; left:10px; top:30%;}

.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%}





.img_up img{  -webkit-animation: img_up 3s linear infinite;-moz-animation: img_up 3s linear infinite;-ms-animation: img_up 3s linear infinite; animation: img_up 3s linear infinite;}

@-webkit-keyframes img_up { 25% { -webkit-transform: translateY(8px);}  50%, 100% {  -webkit-transform: translateY(0); }  75% {  -webkit-transform: translateY(-8px); } }

@-ms-keyframes img_up { 25% { -ms-transform: translateY(8px);}  50%, 100% {  -ms-transform: translateY(0); }  75% {  -ms-transform: translateY(-8px); } }

@-moz-keyframes img_up { 25% { -moz-transform: translateY(8px);}  50%, 100% {  -moz-transform: translateY(0); }  75% {  -moz-transform: translateY(-8px); } }

@keyframes img_up {   25% {   transform: translateY(8px); }   50%, 100% {  transform: translateY(0); } 75% {   transform: translateY(-8px);  }    } 



.img_3dplay img{ -webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0); -webkit-animation:play 6s linear infinite;-moz-animation:play 6s linear infinite;animation:play 6s linear infinite;}

@-webkit-keyframes play{0%  { -webkit-transform:rotateY(0deg);}100% { -webkit-transform:rotateY(360deg);}}

@-moz-keyframes play{0%  {-moz-transform:rotateY(0deg);}100% {-moz-transform:rotateY(360deg);}}

@keyframes play{0%  {transform:rotateY(0deg);}100% {transform:rotateY(360deg);}}

  



.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%;}



/* 焦点图 */

.slideBox{ position:relative; overflow:hidden; margin:0px auto;  max-width:640px;/* 设置焦点图最大宽度 */ }

.slideBox .bd{ position:relative; z-index:0; }

.slideBox .bd li{ position:relative; text-align:center;  }

.slideBox .bd li img{  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}

.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */

.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px;  color:#fff;  text-align:left;  }

.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0; left:50%; width: 160px; margin-left: -80px;   z-index:1; } 

.slideBox .hd  li{ width:10px; height:10px; display:inline-block;   -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#fff; text-indent:-9999px; overflow:hidden; margin:0 5px;}

.slideBox .hd li.on{ background:#920000;  }

.slideBox .btn{ position: absolute; top: 36%; display: block; }

.slideBox .prev{ left: 10px ;}

.slideBox .next{ right: 10px;}



.LR-BTN{display:none;}