@keyframes fade-in {  0% {opacity: 0;}40% {opacity: 0;}100% {opacity: 1;}}  
@-webkit-keyframes fade-in {0% {opacity: 0;}  40% {opacity: 0;}   100% {opacity: 1;}  }  
#page-wrap {animation: fade-in;  animation-duration: 1.5s;  -webkit-animation:fade-in 1.5s; }  
* { margin: 0; padding: 0; }
body { background: white; font: 14px/1.4 Georgia, Serif; width:100%; background:url("../images/Background_p.gif"); font-family:Arial, Helvetica, sans-serif,"微软雅黑"}
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */
#page-wrap { width:100%; height:auto; -webkit-box-sizing : border-box; height: auto;   position : relative; overflow:hidden; -webkit-overflow-scrolling : touch; position:relative;   }
h1, h2, h3 { font-weight: normal;  }
ul,li,ol{ list-style:none; } 
#header{ width:100%; height:auto; background:#FFF; box-shadow:0 0 5px #0C0C0C; position:fixed; top:0; left:0; z-index:100;}
.enter td {border:1px solid #666; padding:10px;}
.enter table{border-collapse: collapse;border-style: solid;border-width: 1px;} 
.header_in{ width:100%; height:50px;}
#logo{ width:auto; height:50px; display:block; float:left; overflow:hidden;}
#logo img{ width:auto; max-height:50px;}
#nav_btn{ width:44px; height:50px; float:right; overflow:hidden; position:relative;}
#nav_btn a{width:89px; height:50px;  background: no-repeat  url("../images/Sprites.png"); background-position:-230px -196px; display:block; position:absolute; right:0;}
.menu_nav{ position:fixed; right:-300px; height:100%; width:200px; background:#333; top:50px; border-left:solid 1px #fff; box-shadow:0 0 10px #0C0C0C inset;-webkit-overflow-scrolling : touch; overflow-y: auto;}
.menu_nav ul li{ width:100%; height: auto; border-bottom:dashed #666666 1px; text-align:center; position: relative;}
.menu_nav ul li.menu-item-has-children a{ width:150px;}
.menu_nav ul li .hover{ width:50px; height:25px; padding:10px 0; position:absolute; z-index:9; top:0; right:0; background:#202020; font-size:18px; color:#FFF; display:block;}
.menu_nav ul li a{ font-size:14px; color:#FFF; line-height:25px; text-decoration:none; display:block; width:100%; height:25px; padding:10px 0;}
.menu_nav ul.sub-menu{ display:none; width:100%; background:#202020; box-shadow:0 0 5px #000 inset;    }
.menu_nav .current-menu-item,.menu_nav  .current-category-ancestor,.menu_nav  .current-menu-ancestor,.menu_nav  .current-post-parent{ box-shadow:0 0 10px #0C0C0C inset; width:198px; border-left:solid #6C0 2px; }

/*index_nav*/
#move_nva{ width:96%; height:auto; padding:2%; overflow:hidden;}
@media screen and (min-width:100px) and (max-width:600px){#move_nva ul li{ display:block;  width:49%; float:left; overflow:hidden;}}
@media screen and (min-width:601px) and (max-width:1280px){#move_nva ul li{ display:block;  width:33%; float:left; overflow:hidden;}}

#move_nva ul li a img{ max-width:100%; height:auto;}
#move_nva ul li a{ display:block; width:100%; height:100%;  color:#333; text-align:center; }


/* swiper-container for ipad */
.swiper-container{ width:100%; height:auto; min-height:150px; max-height:594px;overflow:hidden; position: relative;  z-index: 1; margin-top:50px;}
.swiper-wrapper{  position: relative;  transition-duration: 0s; transition-property: transform, left, top; transition-timing-function: ease; width: 100%;}
.swiper-slide{ position:relative; float:left;}
.swiper-slide  img{ max-width:100%; height:auto;}
.pagination{ width:100%; height:10px; position:absolute; bottom:0;left:0;background:url("../images/black_b.png"); text-align:center; padding:10px 0;}
.pagination span{ width:8px; height:8px; background:#999;  border-radius:10px; display:inline-block; margin-right:8px;}
.swiper-visible-switch, .swiper-active-switch{ background:#fff !important;}
.enter .swiper-container{ margin-bottom:10px;  border-radius:5px; margin-top:0 !important; }
.enter .swiper-slide{ text-align:center;}
 .toppp{ margin-top:50px !important;} 
 
 /*Categories */
#Categories_hd{ width:100%; height: auto; padding:15px 0; text-align:center; overflow:hidden; background:#FFF;}
#Categories_hd .Categories_hd_in{ width:100%; height:auto; text-align:center; overflow:hidden; margin:0 auto;}
#Categories_hd .Categories_hd_in b{ font-size:24px; color:#1ba6e7;}
#Categories_hd .Categories_hd_in p{ font-size:9px; color:#333;}

#Categories_bd{ width:100%; height:auto; padding:20px 0; overflow:hidden; background:#9cc8dd;-webkit-overflow-scrolling:touch; overflow-x:scroll; }
#Categories_bd .Categories_bd_in{ width:960px; height:190px; position:relative;}
#Categories_bd .Categories_bd_in a{ width:236px; height:187px; display:inline-block; text-align:center; text-decoration:none;}
#Categories_bd .Categories_bd_in a span{ width:165px; height:165px; display:inline-block; overflow:hidden; position:relative;}
#Categories_bd .Categories_bd_in a span .hold{ width:165px; height:165px; position:absolute; z-index:10; background-image:url("../images/hold_19.png"); left:0; top:0;}
#Categories_bd .Categories_bd_in a span img{ position:absolute; display:block; z-index:8; width:165px; height:165px;}
#Categories_bd .Categories_bd_in a h2{ font-size:16px; color:#333; font-weight:normal;}



/*full_bigpic*/
#full_bigpic{ width:100%; height:auto; padding:20px 0; margin:0 auto; overflow:hidden;}
#full_bigpic .full_bigpic_hd{ width:94%; height:auto; padding-bottom:10px; overflow:hidden; border-bottom:dashed 1px #999999; padding:0 3%;}
#full_bigpic .full_bigpic_hd h2{ display:block; float:left; overflow:hidden;}
#full_bigpic .full_bigpic_hd h2 b{ display:block; color:#1ba6e7; font-size:24px; overflow:hidden;}#full_bigpic .full_bigpic_hd h2 b a{ color:#333;}
#full_bigpic .full_bigpic_hd h2 p{ font-size:9px; color:#666;text-transform : uppercase}
#full_bigpic .full_bigpic_hd .more{ font-size:14px; color:#666; display:block; padding:5px 10px; border:1px solid #666;text-transform : uppercase; float:right; text-decoration:none; margin-top:10px;}


.full_bigpic_cat_x{ padding:10px 3%; width:94%;}
#full_bigpic .full_bigpic_cat_x h2 ,#full_bigpic .full_bigpic_cat_x ul{ display:block; float:left;}
#full_bigpic .full_bigpic_cat_x h2,#full_bigpic .full_bigpic_cat_x h2 a{ font-size:14px; color:#333; text-decoration:none;}
#full_bigpic .full_bigpic_cat_x ul li{ float:left; margin-left:10px;  line-height:22px;}
#full_bigpic .full_bigpic_cat_x ul li a{font-size:12px; color:#999; text-decoration:none;}

.loop_big_caj{ width:100%; height:317px;position:relative; padding:5px 5px 0 5px; border-bottom:dashed 1px #CCCCCC;-webkit-overflow-scrolling:touch; overflow-x:scroll; }
.loop_big_caj p{ display:block; width:100%; font-size:14px; text-align:center; color:#1ba6e7; margin-top:10px;}
.loop_big_caj ul{ width:970px; height:269px; display:block; position:relative;}
.bigpic_loop li{ width:236px; height:266px; margin-right:10px; display: inline-block;}
.bigpic_loop li .loop_big_a{width:230px; height:230px; display:block; border:3px solid #FFF; border-radius:5px;box-shadow:0 0 5px #757575;}
.bigpic_loop li b{ margin-top:10px; display:block; width:236px; text-align:center;}
.bigpic_loop li b a{ color:#999; text-decoration:none; font-weight:normal;}

/* about_index*/
#about_index{ width:100%; height:auto; overflow:hidden; position:relative; z-index:0;}
#about_index .about_b_fix{ width:100%; height:1880px; position:absolute; top:-608px; left:0; background:url("../images/fix.jpg"); z-index:0;}
#about_index  .about_index_in{ width:93%; padding:30px 3%; height: auto; margin:0 auto; position:relative; z-index:2;overflow:hidden;}
#about_index  .about_index_in h2{ font-size:24px; color:#FFF;}
#about_index  .about_index_in  b{ font-size:9px; color:#ffc600; font-weight:normal;text-transform: uppercase;} 
#about_index  .about_index_in   p{ font-size:12px; color:#FFF;}
#about_index  .about_index_in  .more{ padding:2px 20px; border:#FFF solid 3px; font-size:16px; float:left; color:#FFF; margin-top:10px; text-decoration:none;}

/*left_news*/
.left_news_hd{ margin:20px 0; width:100%; height:auto; padding-bottom:10px; overflow:hidden; border-bottom:dashed 1px #999999;}
.left_news_hd h2{ display:block; float:left; overflow:hidden;}
.left_news_hd h2 b{ display:block; color:#1ba6e7; font-size:24px; overflow:hidden;}.left_news_hd h2 b a{ color:#333;}
.left_news_hd h2 p{ font-size:9px; color:#666;text-transform : uppercase}
.left_news_hd .more{ font-size:14px; color:#666; display:block; padding:5px 10px; border:1px solid #666;text-transform : uppercase; float:right; text-decoration:none; margin-top:10px;}

.shot{ width:100%;}.shot b,.shot p{ float:left;}.shot p{ display:block; padding:11px 10px 0 0;}.shot b{ font-size:18px !important;}
#right_news{ width:93%; margin:10px 3% 30px 3%; height:auto; float:right; overflow:hidden;}
#right_news .video{ width:93%; height:auto; padding:3%; overflow:hidden; position: relative; background:#FFF; border: solid #c3c3c3 1px; margin-bottom:17px;}
#right_news .video iframe, #right_news .video embed{width:100% !important; height:250px !important;}


/*customers*/
#customers{ width:100%; height:auto; padding:20px 0; background:#FFF; overflow: hidden;}
#customers .customers_in{ width:100%; height:300px; margin:0 auto; position:relative; overflow:hidden;}
#customers .customers_in .customers_in_hd{ width:100%; float:left; text-align:center; padding-bottom:30px}
#customers .customers_in .customers_in_hd b{ font-size:24px; color:#1ba6e7; display:block; width:100%; text-align:center; font-weight:normal;}
#customers .customers_in .customers_in_hd p{ font-size:12px; color:#666; text-transform:uppercase;}
#customers .customers_in .customers_in_caj{ float:left; width:90%;height:220px; padding:0 3% 0 6%;-webkit-overflow-scrolling : touch; overflow-y: auto;}
#customers .customers_in ul{ display:block; float:left;  overflow:hidden; padding:20px 6%; width:90%;}
#customers .customers_in ul li{ width:100%; height:300px; float:left; display:block; overflow:hidden;}
#customers .customers_in ul li p,#customers .customers_in ul li p a{ color:#666; display:block; width:100%; text-align:left; margin-bottom:10px; text-decoration: none;}
#customers .customers_in ul li b{ color:#333; font-size:14px; text-align:center; width:100%; display:block;}
#customers .customers_in .customers_in_yh_right,#customers .customers_in .customers_in_yh_left{ display:block; position:absolute; width:39px; height:35px; background-image:url("../images/Sprites.png"); }
#customers .customers_in .customers_in_yh_right{ bottom:6px; right:30px; background-position:0 -377px; }
#customers .customers_in .customers_in_yh_left{ top:30px; left:30px; background-position:0 -326px; }
#customers .customers_in  .customers_in_caj_nav{ width:100%; height:24px; text-align:center; float:left; }
#customers .customers_in  .customers_in_caj_nav a{ display:inline-block; padding:5px 10px; margin-right:2px; background:#c2c2c2; color:#FFF; font-size:14px; cursor:pointer;}
#customers .customers_in  .customers_in_caj_nav a:hover{ background:#1ba6e7;}


/* loop-news*/
.news_loop_01{ display:block; width:100%; height:auto; overflow:hidden;}
.news_loop_01 li{ float:left; display:block; width:87%; padding:10px 3%; margin:10px 4%; border:dashed #fff 2px;border-radius:5px;box-shadow:0 0 5px #757575; overflow:hidden; }
.news_loop_01 li .news_001_pic{ width:20%; height: auto; max-width:150px; min-width:60px; display:block; overflow:hidden; float:left; margin-right:10px; }
.news_loop_01 li { float:left;  width:87%;}
.news_loop_01 li .news_001_pic img{ max-width:100%; height:auto;}
.news_loop_01 li  b{ font-size:18px; color:#333; display:block;}
.news_loop_01 li  b a{ color:#333; text-decoration:none;}.news_loop_01 li span b a:hover{ color:#1ba6e7;}
.news_loop_01 li  a.time{ font-size:12px; color:#1ba6e7; margin:4px 0;}
.news_loop_01 li  p{ display:block; font-size:12px; color:#333;}
.news_loop_01 li  a.news_btn{ color:#1ba6e7; font-size:14px; display:block; padding-left:25px;background:0 -615px no-repeat url("../images/Sprites.png"); margin-top:10px; float:left; }
.news_loop_02 li{ float:left; display:block; width:100%; padding:6px 0; border-bottom:dashed #999999 1px;}
.news_loop_02 li a{ font-size:14px; color:#666; padding-left:15px; border-left: dotted 3px #1ba6e7; text-decoration:none; float:left; }


/* loop*/
#text_list  li#fist span{ width:100%;}
#default li#fist span{ width:525px;}
#pic_text_list li#big .news_001_pic{ width:195px; height:195px;}
#pic_text_list li#big .news_001_pic img{ width:195px; height:195px;}

#category_pic_big li a.loop_big_a,#category_pic_smaoll li a.loop_big_a{box-shadow: 0 1px 3px #333333; }
#category_pic_big,#category_pic_smaoll{ width:100%; overflow:hidden; text-align:center;}
#category_pic_big li b{ width:100%; max-width:236px; }
#category_pic_big li b a,#category_pic_smaoll li b a{font-size:14px; color:#333;}
#category_pic_big li{ margin:10px 2%; width:27%; min-width:230px; height: auto;}
#category_pic_smaoll li{ max-width:100%;max-width:236px; height: auto; margin:0 0 10px  15px;}
#category_pic_smaoll li a.loop_big_a img,#category_pic_smaoll li a.loop_big_a{ width:200px; height:200px;}
#category_pic_smaoll li b{ width:200px;}
#pic_text_list .tag{ margin-top:10px;}

.bigpic_loop li .loop_big_a{max-width:100%; height: auto; display:block; border:3px solid #FFF;}
.bigpic_loop li .loop_big_a img{max-width:100%; height: auto; }
.pager {width:95%;overflow:hidden;white-space:nowrap;padding:4px;float:left;text-align:left; margin:20px 0;}
.pager a { background:#333; color:#FFF; font-size:12px;margin:2px;padding:6px 12px; text-decoration:none;}
.pager a.current {background:#1ba6e7; font-size:12px;margin:2px;padding:6px 12px;}
.pager a:hover {background:#1ba6e7;font-size:12px;color:#fff;text-decoration:none;}
.hover_incase{ position:absolute; top:0; left:0; display:none;}/*index-left&right*/






/*footer*/
#footer{ width:100%; height:auto; overflow:hidden; padding-top:20px; background:#272727; }
.footer_in,.footer_bottom_in{ width:93%; padding:0 3%; height:auto; overflow:hidden; margin:0 auto;}
.footer_in .footer_nav li a,.footer_in .footer_hot b,.f_contact b{ font-size:18px; color:#1ba6e7; display:block; float:left; width:100%;text-decoration:none; font-weight:normal;}
.footer_in .footer_hot{ width:50%; min-width:300px; height:auto; float:left; overflow:hidden;}
.footer_in .footer_hot ul{ display:block; width:100%; height:auto; overflow:hidden; float:left;padding-top:10px;}
.footer_in .footer_hot ul li{ width:64px; height:67px; display:block; float:left; padding:2px;}
.footer_in .footer_hot ul li a{ width:64px; height:64px; display:block; position:relative; border:#666 1px solid; overflow:hidden;}
.footer_in .footer_hot ul li a:hover{ border:#fff solid 1px;}
.footer_in .footer_hot ul li a img{ width:64px; height:64px; position:absolute; top:1px; left:1px;}

.f_contact{ width:40%; min-width:300px; height:auto; float:left; padding-right:20px; position:relative; }
.f_contact span{ width:100%; height:auto; float:left; overflow:hidden; padding-top:10px;}
.f_contact span a{ color:#999; width:100%; height:auto; display:block; border-bottom:#2e2e2e 1px solid; padding:3px 0 3px 26px;background-image:url("../images/Sprites.png"); background-repeat:no-repeat;font-size:12px;}
.f_adress{background-position:2px -423px}
.f_tell{background-position:2px -457px;}
.f_fax{background-position:2px -567px;}
.f_mail{background-position:2px -494px;}
.f_site{background-position:1px -531px;}

.footer_mune{ display:block; width:100%; height:auto; text-align:center; padding:10px; margin:10px; border-top:dashed #666 1px; float:left;}
.footer_mune li,.link-menu2 li{ display:inline; padding-right:15px;}
.footer_mune li a,.link-menu2 li a{ font-size:12px; color:#cacaca; text-decoration:none;}.footer_mune li a:hover,.link-menu2 li a:hover{ color:#FFF;}
.footer_bottom{ width:100%; height:auto; padding:10px; background:#191919;}
.link-menu2{ float:left; width:100%; display:block; padding-bottom:10px;}
.footer_bottom_in p{ float:left; font-size:12px; color:#cacaca;}
.footer_bottom_in p a{font-size:12px; color:#cacaca; text-decoration:none;}
.footer_bottom_in p a:hover{ color:#1ba6e7}



/* pages */
#page_top{ width:100%; height:76px; padding-top:80px; overflow:hidden; background: center url("../images/top.jpg")}
#page_top .page_top_in{ width:93%;  height:76px; margin:0 3%;}
#page_top .page_top_in h3{ display:block; width:100%; font-size:24px; color:#fff; font-weight:normal;text-transform:uppercase;}
#page_top .page_top_in h3 a{ font-size:14px; color:#FFF; text-transform:uppercase;}
#page_top .page_top_in p{ font-size:9px; color:#FFF;}
#page_muen_nav{ width:960px; height:auto; padding:10px; margin:0 auto 10px auto ; border-bottom: dashed 1px #999999;}
#page_muen_nav b,#page_muen_nav a{ font-size:12px; color:#666; text-decoration:none;}


#content{ width:93%; height: auto; padding:20px 3%; margin:0 auto; overflow:hidden;}
.enter{ width:100%; height:auto; overflow:hidden;}
.enter p{ font-size:12px; color:#666; line-height:22px;}
.enter a{ color:#1ba6e7}
.enter img{ max-width:100%; height:auto;}
.title_page{ width:93%; border-left:solid 9px #1ba6e7; border-right:#CCC solid 1px; border-top:#CCC solid 1px;border-bottom:#CCC solid 1px;background:#FFF; padding:5px 3%;}
.title_page h1{ font-size:18px;}
.des_page{ width:100%; padding:5px 0; margin-bottom:10px; border-bottom:dashed #CCCCCC 1px;}
.des_page a{ font-size:12px; color:#999;}
.des_page ul{ display:inline-block; margin-left:10px;}
.des_page ul li{margin-left:10px; float:left;}
.enter_full .title_page,#nav_product_mue .title_page{ width:939px;}
#nav_product_mue .title_page{ margin-bottom:10px;}
#nav_product_mue .title_page a{ font-size:9px; color:#1ba6e7; margin-left:5px;}
.picpicpic{ width:100%; overflow:hidden; height:auto; text-align:center;}
.tag_pro{ display:block; width:100%; height:auto; overflow:hidden;margin:10px 0;}
.tag_pro a{ display:block; background:#666; color: #FFF; font-size:12px; text-decoration: none; margin-right:10px; border-radius: 5px; float:left; padding:3px 5px;}

#respond{ padding:10px 0; border-top:dashed #999999 1px; margin-top:20px; width:100%;}
.liuy3{ padding:10px 0; color:#666; font-size:12px; width:100%}
.liuy2{ float:left; padding-right:10px; width:50px; overflow: hidden;width:20%;}
#commentform input ,#commentform  textarea { border:#ccc solid 1px; background:#FFF; padding:5px; width:93%; }
#commentform #submit{ padding:5px 20px; background:#1ba6e7; color:#FFF; font-weight:bold; cursor:pointer;border-radius: 5px; width:93%;}
#commentform #submit:hover{ background:#333; }
#respond label { display:none;} 

.nav_product_mu ,#nav_product_mue { display:block; width:100%; height:auto; overflow:hidden;}#nav_product_mue { margin:0 auto; padding:10px 0; border-bottom:1px solid #999;}
.nav_product_mu li{ width:100%; height:auto; display:block; float:left; position:relative; border:#999 solid 1px;}
.nav_product_mu li.menu-item-has-children{ width:100%; margin-bottom:10px;} 
.nav_product_mu li a{ display:block; width: auto; height:35px; line-height:35px; font-size:14px; color:#000; padding:0 10px; float:left; margin-right:10px; text-align:center; text-decoration:none;}
.nav_product_mu li .sub-menu{ display:none; float:left; width:100%; padding:5px 0;}
.nav_product_mu li .sub-menu li{ width:auto !important; display:inline-block; margin:0 10px 10px 0 !important; border:none;}
.nav_product_mu li .sub-menu li a{ display:block; background:#666 !important; color: #FFF !important; font-size:12px !important; text-decoration: none !important; margin-right:10px !important; border-radius: 5px; float:left !important; padding:3px 5px !important; height:25px !important; line-height:25px !important; }
.nav_product_mu li .hover{ width:50px; height:35px; line-height:35px; text-align:center; position:absolute; z-index:9; top:0; right:0; background:#CCC; font-size:18px; color:#FFF; display: block;}



.pager {width:95%;overflow:hidden;padding:4px;float:left;text-align:left; margin:20px 0;}
.pager a { background:#333; color:#FFF; font-size:12px;margin:2px;padding:6px 12px; text-decoration:none;  line-height: 34px;}
.pager a.current {background:#1ba6e7; font-size:12px;margin:2px;padding:6px 12px;}
.pager a:hover {background:#d72424;font-size:12px;color:#fff;text-decoration:none;}
.hover_incase{ position:absolute; top:0; left:0; display:none;}/*index-left&right*/