@charset "utf-8";
/* CSS Document */

@font-face {
/* font-test*/
font-family: ali-r;
src:url('/fonts/AlibabaPuHuiTi-3-55-Regular.ttf');
}

@font-face {
/* font-test*/
font-family: ali-b;
src:url('/fonts/AlibabaPuHuiTi-3-85-Bold.ttf');
}

*{ margin:0; padding:0;} 
body{ font-size:14px; font-family: ali-r; margin: 0; padding: 0;} 

a{color:#000000;text-decoration:none;} 
a:link {text-decoration:none;color:#000000;} 
a:active {text-decoration:none;color:#000000;} 
a:hover {text-decoration:none;color:#8e0000;} 
a:visited {text-decoration:none;color:#000000;} 

body img { border: none; max-width: 100%;} 
video { height: 100%; width: 100%; }
hr { margin: 0;  border-color: #e8e8e8; }
ul, ol, li { margin: 0; padding: 0; list-style: none;}
h1, h2, h3, h4, h5, h6 {line-height: 100%;}
h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {  color: inherit; }
p{ margin: 0; padding: 0; line-height: 175%;}
/*** effect zoom in ***/
.img-zoom-in img
{
transition:all .2s ease-in-out;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
}

.img-zoom-in:hover img 
{
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1)
}
/*** effect zoom in ***/

.img-zoom-deg img{
transition:All 0.5s ease-in-out;
-webkit-transition:All 0.4s ease-in-out;
-moz-transition:All 0.4s ease-in-out;
-o-transition:All 0.4s ease-in-out;
}

.img-zoom-deg:hover img {
-webkit-transform: rotate(360deg);/*鼠标hover时，i图标旋转*/
transform: rotate(360deg);
}

.clearfix:after{
  content: " "; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;  
  }

.clearfix {
  /* 触发 hasLayout */ 
  zoom: 1; 
  }



/*导航*/
.nav{ width:100%; margin: 0px; padding: 0px;}

.nav_{ width:80%; margin:0px auto; }
.nav_l{ float:left; width:200px; padding:30px 0px;}
.nav_l img{width: 100%;} 

.nav_menu {float: right;} 
.nav_menu ul { margin:0 auto; list-style-type: none;} 
.nav_menu ul li {float:left;} 
.nav_menu ul li:first-child{} 
.nav_menu ul li:last-child{} 
.nav_menu ul li a{display:block; padding: 55px 35px; color: #000000; font-size: 18px; transition: all 0.25s;}
.nav_menu ul li a:hover{ background: #8e0000;color: #FFFFFF;} 


.subMenu{display: none;position: absolute;top: 100px;left: 0;width: 100%; height: auto;background: rgba(255,255,255,1); z-index: 99999;}
.subMenu>ul{display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;align-items: center;}
.subMenu>ul>li>a{display:block;padding:0px 30px;text-align: center;line-height:60px;color: #000000;}
.subMenu>ul>li>a:hover{color:#FFFFFF; background: #8e0000;}

.nav_img {float: right; margin:12px 0px 0px 0px;} 
.nav_img i{ color: #FFFFFF; border: #FFFFFF 1px solid; padding: 5px; text-align: center; border-radius: 50%;} 


/* fullSlide */ 
.fullSlide {width:100%;position:relative;height:auto;background:#000000;} 
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;} 
.fullSlide .bd ul{width:100% !important;} 
.fullSlide .bd ul li{width:100% !important;height:600px;overflow:hidden;text-align:center;} 
.fullSlide .bd ul li a{display:block;} 
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:30px;left:0;height:50px;line-height:50px;} 
.fullSlide .hd ul{text-align:center;}  
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:80px;height:3px;margin:5px;overflow:hidden;background:#FFFFFF;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul li img{ width: 100%;} 
.fullSlide .hd ul .on{background:#8e0000;} 
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:3%;z-index:1;width:40px;height:60px;background:url(/images/slider-arrow.png) -126px -137px no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;} 
.fullSlide .next{left:auto;right:3%;background-position:-6px -137px;} 



.z_banner{ width:100%; height:100%; margin: 0px; padding: 0px; text-align: center;} 
.z_banner img{ width:100%; }



.main_pro{ width:1280px; margin:80px auto; padding:0px;} 

.main_pro_tit{margin:0px auto; text-align: center;} 
.main_pro_tit div img{ display: inline-block;} 
.main_pro_tit div h3{display: inline-block;font-size: 36px; color: #8e0000; margin: 0px 20px;} 
.main_pro_tit em{ display: block; height: 2px; width: 300px; background: #CCCCCC; margin: 20px auto;} 
.main_pro_tit p{ color: #CCCCCC; font-size: 20px; font-weight: lighter; line-height: 100%;} 


.main_pro_ {width:1280px; margin: 35px auto; } 
.main_pro_ .fl{ float: left; width: 430px; height: 590px; position: relative; overflow: hidden;} 
.main_pro_ .fl img{ position: absolute; width: 100%; height: 100%; object-fit: cover;} 
.main_pro_ .fl p{ position: absolute; bottom: 0; width: 100%; color: #FFFFFF; font-size: 24px; font-weight: bold; padding: 20px 0px 20px 20px; box-sizing: border-box; line-height: 100%;} 
.main_pro_ .fl a:hover p{background: #8e0000;} 
.main_pro_ .fr{ float: right; width: 840px;height: 590px;} 
.main_pro_ .fr ul{} 
.main_pro_ .fr ul li{ float: left; width: 415px; height: 290px; margin-bottom: 10px; position: relative; overflow: hidden;} 
.main_pro_ .fr ul li:nth-child(2n){ float: right;} 
.main_pro_ .fr ul li img{position: absolute; width: 100%; height: 100%; object-fit: cover;}
.main_pro_ .fr ul li p{ position: absolute; bottom: 0; width: 100%; color: #FFFFFF; font-size: 24px; font-weight: bold; padding: 20px 0px 20px 20px; box-sizing: border-box; line-height: 100%;} 
.main_pro_ .fr ul li a:hover p{background: #8e0000;} 







.main_about{ width: 100%; margin: 0px; background: url("/images/bg01.jpg") no-repeat center; padding: 80px 0px;} 
.main_about_{ width: 1280px; margin: 0px auto;} 

.main_about_tit{margin:0px auto; text-align: center;} 
.main_about_tit div img{ display: inline-block;} 
.main_about_tit div h3{display: inline-block;font-size: 36px; color: #8e0000; margin: 0px 20px;}
.main_about_tit em{ display: block; height: 2px; width: 300px; background: #CCCCCC; margin: 20px auto;} 
.main_about_tit p{ color: #CCCCCC; font-size: 20px; font-weight: lighter; line-height: 100%;} 

.main_about_{ margin-top: 30px; text-align: center;} 
.main_about_ p{color: #000000; font-size: 18px; margin:0px; line-height:200%;} 
.main_about_ a{ display: inline-block; margin: 50px auto 0px; background: #8e0000; color: #FFFFFF; font-size: 16px; padding: 10px 20px; border-radius: 10px;} 
.main_about_ a:hover{ background: #333333;} 





.main_img{ width: 100%;height: 397px;  margin: 0px; background: url("/images/bg02.jpg") no-repeat center;} 
.main_img_{ width: 1280px; margin: 0px auto; text-align: right; padding: 100px 0px;} 
.main_img_ h6{color: #FFFFFF; text-transform: uppercase;font-size: 40px;} 
.main_img_ h3{font-size: 40px; color: #8e0000; margin: 20px 0px;} 
.main_img_ p{font-size: 20px;} 






.main_info{ width: 1280px; margin:80px auto; }
.main_info_{margin:50px auto 0px;width: 100%;} 
.main_info_ ul{} 
.main_info_ ul li{ float: left; margin-right: 19%; text-align: center;} 
.main_info_ ul li:last-child{ float: right;border-right:none; margin-right: 0;} 
.main_info_ ul li img{} 
.main_info_ ul li h6{ color: #8e0000; font-size: 24px; margin-top: 20px;} 
.main_info_ ul li em{ display: block; height: 1px; width: 50px; background: #CCCCCC; margin: 20px auto;} 
.main_info_ ul li p{ color: #000000; font-size: 18px; line-height: 150%;} 






/******************************************************/



.weizhi{margin: 0px; width: 100%;} 
.weizhi_{width: 1280px; margin: 0px auto; padding: 15px 0px; font-size: 14px; color: #999999;} 
.weizhi_ a{ font-size: 14px; color: #999999;} 







/*内页-关于我们*/

.con_about{ margin: 0px; width: 100%;} 

.con_about_{ width:100%;margin:0px;background: url("/images/banner01.jpg") no-repeat center; height: 660px; padding: 100px 0px 0px; box-sizing: border-box;} 
.con_about__{ width: 1280px; margin: 0px auto;} 
.con_about__ span{display: block;font-size:40px; color: #999999; opacity: 0.2; text-transform: uppercase;font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";} 
.con_about__ h2{ color: #8e0000; font-size:48px;} 
.con_about__ h5{font-size: 28px; color: #000000; font-weight: lighter; margin: 20px 0px 50px;} 
.con_about__ p{  font-size: 16px; color: #000000; line-height: 200%;} 

.con_about_a{ margin: 80px auto; width: 1280px;} 
.con_about_a .fl{ float:left; width: 600px;} 
.con_about_a .fl img{ width: 100%;} 
.con_about_a .fr{ float: right; width: 500px;} 
.con_about_a .fr h3{color: #8e0000; font-size:40px; margin-bottom: 30px;} 
.con_about_a .fr p{  font-size: 16px; color: #333333; line-height: 175%; margin:20px 0px; text-align: justify;}
.con_about_a .fr p strong{color: #8e0000;}


.con_about_c{  width:100%;margin:0px auto;background: url("/images/a02.jpg") no-repeat center top; height: 620px; padding: 80px 0px 0px; box-sizing: border-box;}
.con_about_c_{ width: 1280px; margin: 0px auto;} 
.con_about_c_ .fl{  width: 640px;}
.con_about_c_ .fl span{display: block;font-size: 40px; color: #999999; opacity: 0.2; text-transform: uppercase;font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";} 
.con_about_c_ .fl h5{font-size: 40px; color: #8e0000;} 
.con_about_c_ .fl h6{ margin-top: 30px;font-size: 20px; margin-bottom: 10px;} 
.con_about_c_ .fl p{ font-size: 16px; } 

.con_about_g{  width:100%;   margin: 80px auto;} 
.con_about_g_tit{ width:1280px;margin:0px auto;} 
.con_about_g_tit span{display: block;font-size:40px; color: #666666; opacity: 0.1; text-transform: uppercase;font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";} 
.con_about_g_tit h5{font-size: 40px; color: #8e0000;} 
.con_about_g_{width:1280px;margin:50px auto 0px;}
.con_about_g_ ul{}
.con_about_g_ ul li{ float: left; width: 32%; height: 250px; margin-right: 2%; background: #F6F6F6; padding:30px 50px; box-sizing: border-box;}
.con_about_g_ ul li:last-child{ float: right; margin-right: 0;}
.con_about_g_ ul li img{ width: 100%;}
.con_about_g_ ul li h6{ color:#8e0000;  font-size: 36px; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; margin-top: 20px;}
.con_about_g_ ul li p{font-size: 14px; text-align: justify; line-height: 150%; margin: 8px 0px; padding-right: 30px; box-sizing: border-box; color: #666666;} 





.con_pro{ margin: 0; width: 100%; background: #F8F8F8; padding: 50px 0px;} 

.con_pro_a{ width: 1280px; margin: 0px auto;} 
.con_pro_a .fl{ float: left; width: 640px; height: 450px; overflow: hidden;} 
.con_pro_a .fl img{width: 100%; height: 100%;object-fit: cover;} 
.con_pro_a .fr{float: right; width: 640px; height: 450px; background: #FFFFFF; padding:85px 60px; box-sizing: border-box;} 
.con_pro_a .fr .fr_l{ float: left;} 
.con_pro_a .fr .fr_l h3{ font-size: 36px; color: #333333; font-family: "微软雅黑";} 
.con_pro_a .fr .fr_l p{ font-size: 16px; color: #666666; line-height: 175%;margin: 50px 0px 0px;} 
.con_pro_a .fr .fr_r{ float: right;} 
.con_pro_a .fr .fr_r img{} 
.con_pro_a .fr .fr_r a{display: block; margin-top: 120px; width: 150px; text-align: center; padding: 10px 0px; font-size: 16px; background: #8e0000; color: #FFFFFF;  } 
.con_pro_a .fr .fr_r a:hover{ background: #333333;} 

.con_pro_b{ width: 1280px; margin: 50px auto;} 
.con_pro_b .fl{float: left; width: 640px; height: 450px; background: #FFFFFF; padding: 85px 60px; box-sizing: border-box;} 
.con_pro_b .fl .fl_l{ float: left;} 
.con_pro_b .fl .fl_l h3{ font-size: 36px; color: #333333; font-family: "微软雅黑";} 
.con_pro_b .fl .fl_l p{ font-size: 16px; color: #666666; line-height: 175%;margin: 50px 0px 0px;} 
.con_pro_b .fl .fl_r{ float: right;} 
.con_pro_b .fl .fl_r img{} 
.con_pro_b .fl .fl_r a{display: block; margin-top: 120px; width: 150px; text-align: center; padding: 10px 0px; font-size: 16px; background: #8e0000; color: #FFFFFF;} 
.con_pro_b .fl .fl_r a:hover{ background: #333333;} 
.con_pro_b .fr{ float: right; width: 640px; height: 450px;overflow: hidden;} 
.con_pro_b .fr img{width: 100%; height: 100%;object-fit: cover;} 

.con_pro_c{ width: 1280px; margin: 50px auto;} 
.con_pro_c .fl{ float: left; width: 640px; height: 450px; overflow: hidden;} 
.con_pro_c .fl img{width: 100%; height: 100%;object-fit: cover;} 
.con_pro_c .fr{float: right; width: 640px; height: 450px; background: #FFFFFF; padding: 85px 60px; box-sizing: border-box;} 
.con_pro_c .fr .fr_l{ float: left;} 
.con_pro_c .fr .fr_l h3{ font-size: 36px; color: #333333; font-family: "微软雅黑";} 
.con_pro_c .fr .fr_l p{ font-size: 16px; color: #666666; line-height: 175%;margin: 50px 0px 0px;} 
.con_pro_c .fr .fr_r{ float: right;} 
.con_pro_c .fr .fr_r img{} 
.con_pro_c .fr .fr_r a{display: block; margin-top: 120px; width: 150px; text-align: center; padding: 10px 0px; font-size: 16px; background: #8e0000; color: #FFFFFF;} 
.con_pro_c .fr .fr_r a:hover{ background: #333333;} 

.con_pro_d{ width: 1280px; margin: 50px auto;} 
.con_pro_d .fl{float: left; width: 640px; height: 450px; background: #FFFFFF; padding: 85px 60px; box-sizing: border-box;} 
.con_pro_d .fl .fl_l{ float: left;} 
.con_pro_d .fl .fl_l h3{ font-size: 36px; color: #333333; font-family: "微软雅黑";} 
.con_pro_d .fl .fl_l p{ font-size: 16px; color: #666666; line-height: 175%;margin: 50px 0px 0px;} 
.con_pro_d .fl .fl_r{ float: right;} 
.con_pro_d .fl .fl_r a{display: block; margin-top: 260px; width: 150px; text-align: center; padding: 10px 0px; font-size: 16px; background: #8e0000; color: #FFFFFF;} 
.con_pro_d .fl .fl_r a:hover{ background: #333333;} 
.con_pro_d .fr{ float: right; width: 640px; height: 450px;overflow: hidden;} 
.con_pro_d .fr img{width: 100%; height: 100%;object-fit: cover;} 

.con_pro_e{ width: 1280px; margin: 50px auto;} 
.con_pro_e ul{} 
.con_pro_e ul li{} 
.con_pro_e ul li{float: left; width: 49%; margin-bottom: 30px; overflow: hidden;} 
.con_pro_e ul li:nth-child(2n){ float: right;} 
.con_pro_e ul li img{ width: 100%; height: 100%;object-fit: cover; display: block; margin: 0; padding: 0;}
.con_pro_e ul li p{ font-size: 20px; background: #FFFFFF; width: 100%; color: #333333; font-family: "微软雅黑"; padding: 20px 0px; text-align: center; font-weight: bold;}





/*
.con_pro_li{ margin: 0; width: 100%; background: #F8F8F8; padding: 80px 0px;} 
.con_pro_li_{ margin: 20px auto; width:1280px;} 
.con_pro_li_ ul{ margin: 0px ; padding: 0px;} 
.con_pro_li_ ul li{ float: left; width: 32%; margin: 0 2% 3% 0; background: #FFFFFF;} 
.con_pro_li_ ul li:nth-child(3n){ float: right;margin: 0 0 3% 0;} 
.con_pro_li_ ul li div{  width: 100%; height: 315px; overflow: hidden;} 
.con_pro_li_ ul li div img{  width: 100%; height: 100%;object-fit: cover;} 
.con_pro_li_ ul li p{  padding: 30px 20px; font-size: 18px; font-weight: lighter; box-sizing: border-box;} 
*/





.con_pro_m{margin: 0; width: 100%; background: #F8F8F8; padding: 10px 0px 80px;}
.con_pro_m_{  width: 1280px; margin: 60px auto;}
.con_pro_m_ h1{ font-size: 50px; text-align: center;} 
.con_pro_left{  width: 100%; margin: 50px 0px;}
.lanrenzhijia{ width:600px; height:auto; margin:0px auto; overflow:hidden;}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{ background:url(http://www.lanrenzhijia.com/demo/images/loading.gif) no-repeat center center;width:600px;height:460px; object-fit: cover;}
.jqzoom_video{ position: absolute; z-index: 999; background: #000000;} 
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:600px;height:460px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}


/*图片小图预览列表*/
.spec-preview{width:600px;height:460px;}
.spec-scroll{clear:both;margin-top:15px;width:600px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;text-align:center;width:10px;height:80px; line-height:80px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:560px;height:86px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:86px; }
.spec-scroll .items ul li{float:left;width:112px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:100px;height:75px;}
.spec-scroll .items ul li img:hover{border:2px solid #00a1e9;padding:1px;}


.con_pro_url{ position: fixed; z-index:99999; right: 0; top: 42%; width: 150px;} 

.con_pro_url a{ } 
.con_pro_url img{ width: 100%;} 


.con_pro_m_del{ width: 1280px; margin: 50px auto; background: #F2F2F2; padding: 50px 0px;} 
.con_pro_m_del h2{ text-align: center; margin-bottom: 30px; font-size: 42px;} 
.con_pro_m_del p{ margin: 0; padding: 0;}
.con_pro_m_del img{ display: block; margin: 0 auto;} 




.con_buy{width:100%; margin: 0; padding:80px 0px;} 

.con_buy_tit{ width:1280px;margin:0px auto; text-align: center;} 
.con_buy_tit h5{font-size:40px; color: #8e0000;} 
.con_buy_tit p{ font-size:36px; color: #CCCCCC; opacity: 0.2; line-height: 100%;} 

.con_buy_{ width:1280px;margin:60px auto;} 
.con_buy_ ul{} 
.con_buy_ ul li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 2%; border: #EEEEEE 1px solid; padding: 20px; box-sizing: border-box; } 
.con_buy_ ul li:nth-child(3n){ float: right; margin-right: 0;} 

.con_buy_ ul li div.img{height: 200px; width: 100%; overflow: hidden;}
.con_buy_ ul li img{ display: block; margin: 0 auto;height: 200px;transition: all 0.6s;} 

.con_buy_ ul li div.tit{ height: 50px; width: 100%; overflow: hidden;} 
.con_buy_ ul li p{font-size: 16px; height: 50px; line-height: 50px; text-align: center; transition: all 0.6s;} 

.con_buy_ ul li:hover div.img .i1{ margin-top: -200px;} 
.con_buy_ ul li:hover div.tit .t1{ margin-top: -50px;} 





.con_news{width: 1280px; margin:0px auto; padding: 50px 0px 100px;} 

.con_news_{} 
.con_news_ ul{} 
.con_news_ ul li{ padding:50px 0px;transition:All 0.5s; border-bottom: #DDDDDD 1px solid;} 
.con_news_ ul li:hover {border-bottom: #8e0000 1px solid;}
.con_news_ ul li div.fl{ float: left; width: 45%; transition: all 0.6s; } 
.con_news_ ul li div.fl p{} 
.con_news_ ul li div.fl p a{ font-size:24px;} 
.con_news_ ul li div.fl em{display: block; margin: 25px 0px; width: 50px; height: 2px; background: #8e0000; transition: all 0.6s;} 
.con_news_ ul li div.fl:hover em{ width: 200px;} 
.con_news_ ul li div.fl span{ display: block; line-height: 175%; margin-bottom: 30px; color: #999999;} 
.con_news_ ul li div.fl i{ font-style: normal;}

.con_news_ ul li div.fr{float: right; width: 35%; height: 240px; overflow: hidden;} 
.con_news_ ul li img{ width: 100%; } 




.con_news_m{ width: 1280px; margin:80px auto; } 

.con_news_m_{ float: left; width: 900px; border-right: #DDDDDD 1px solid; padding-right: 100px; box-sizing: border-box;} 
.con_news_m_ h1{ font-size:36px; line-height: 150%; margin-bottom: 5px;} 
.con_news_m_ h5{ font-size: 14px; color: #999999; font-weight: lighter; padding-bottom: 30px; margin-bottom: 30px; border-bottom: #DDDDDD 1px solid;} 

.con_news_m_ p{ font-size: 16px; text-align: justify; line-height: 175%; margin: 30px 0px;} 
.con_news_m_ img{ display: block; margin: 30px auto; max-width: 750px;} 

.con_news_m_e{} 
.con_news_m_e ul{} 
.con_news_m_e ul li{ margin:10px 0px; padding: 20px; border: #DDDDDD 1px solid;}
.con_news_m_e ul li a{ display:inline-block; color: #000000; font-size:16px; line-height: 175%;} 
.con_news_m_e ul li a:hover {color: #8e0000;} 
.con_news_more{ float: right; width:300px;} 
.con_news_more h5{font-size:24px; margin-bottom: 30px;} 
.con_news_more ul{} 
.con_news_more ul li{ margin:20px 0px;}
.con_news_more ul li a{ font-size:16px; line-height: 175%;} 



/*内页-视频*/

.con_video{width:1280px; margin: 80px auto;} 
.con_video ul{} 
.con_video ul li{ width: 400px; float: left; margin:0 40px 40px 0;}
.con_video ul li:nth-child(3n){ float: right;margin:0 0 40px 0;}
.con_video ul li p{ padding: 15px 0px;} 
.con_video_{width:100%; height: 260px; overflow: hidden; position: relative;} 
.con_video_ > img{width:100%; height: 260px;position: absolute;z-index: 99;} 
.con_video_ a{display: block; position: absolute; width: 100%; height: 260px; z-index: 999; text-align: center; box-sizing: border-box; padding-top: 100px; font-weight: lighter;} 
.con_video_ a img{ width: 65px; height: 65px;} 
.con_video_ a em{ display: block; margin: 10px auto 0px; background: #FFFFFF; width: 50px; height: 2px;} 

.videolist:hover{ cursor: pointer; }
.videos{ display:none; width: 100%; height: 100%;  background: rgba(0,0,0,0.8); position:fixed; left:0; top:0;z-index:999999; box-sizing: border-box; text-align: center;}
.videos video{ width: 800px; height: 450px; border:#000000 15px solid;background: rgba(0,0,0,0.95);  position: relative;top:50%;transform:translateY(-50%);} 
.vclose { position:absolute;right:27%; top:22%; cursor: pointer; }

/*内页-视频*/



.con_contact{width:100%; margin: 0; padding:80px 0px;} 

.con_contact_tit{ width:1280px;margin:0px auto; text-align: center;} 
.con_contact_tit h5{font-size:40px; color: #8e0000;} 
.con_contact_tit p{ font-size:36px; color: #CCCCCC; opacity: 0.2; line-height: 100%;} 

.con_contact_{ width:1280px;margin:60px auto; box-shadow: 0px 0px 15px 1px #EEEEEE;} 
.con_contact_l{ float: left; width: 550px; padding: 30px; box-sizing: border-box;} 
.con_contact_l ul{} 
.con_contact_l ul li{ padding: 30px 0px; border-bottom: #EEEEEE 1px solid; } 
.con_contact_l ul li:last-child{border-bottom: none; } 
.con_contact_l ul li h5{ font-size: 16px; margin-bottom: 10px;} 
.con_contact_l ul li h5 i{display: inline-block; width: 30px; text-align: center;color: #8e0000; font-size: 22px; } 
.con_contact_l ul li p{font-size: 16px; font-weight: lighter; margin: 5px 0px;} 
.con_contact_l ul li img{ margin-top: 20px;} 

.con_contact_r{ float: right; width: 650px; height:850px;} 

.con_contact_r #dituContent{ width: 100%;height:850px;} 




/************************************************/










/*css black2 style pagination*/
div.black2{padding:10px;margin:10px;text-align:center;} 
div.black2 a{border:#CCCCCC 1px solid;padding:8px 15px;margin:2px;color:#666666;text-decoration:none;} 
div.black2 a:hover{color:#fff;background-color:#8e0000;border:#8e0000 1px solid;} 
div.black2 a:active{color:#fff;background-color:#8e0000;border:#8e0000 1px solid;} 
div.black2 a.curr{padding:8px 15px;font-weight:bold;margin:2px;color:#fff;background-color:#8e0000;border:#8e0000 1px solid;} 
div.black2 a.curr font{ color: #FFFFFF;} 









.bottom{ width:100%; height:auto; background:#2D2D2D; margin:0px; padding:0px;} 

.bottom_top{ width: 100%;background:#8e0000; height: 5px;} 
.bottom_{ width:80%; margin:0 auto; padding: 50px 0px 10px;}
.bottom_l{ float:left;}
.bottom_l ul{}
.bottom_l ul li{ float: left; margin-right: 50px; padding-right:50px; border-right: #8e0000 1px solid;}
.bottom_l ul li:last-child{ margin-right: 0px;} 
.bottom_l ul li h5{ color: #FFFFFF; font-size:20px; margin-bottom:15px;}
.bottom_l ul li h5 a{ color:#FFFFFF;}
.bottom_l ul li h5 a:hover{color:#8e0000;} 
.bottom_l ul li p{ color:#999999; font-size: 16px;}
.bottom_l ul li p a{color:#999999; }
.bottom_l ul li p a:hover{color:#8e0000;} 

.bottom_r{ float:right;  text-align: right;}
.bottom_r h6{ color: #999999; font-size: 16px;} 
.bottom_r h3{color: #FFFFFF; font-size: 28px; margin: 5px 0px 20px; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"} 
.bottom_r ul{} 
.bottom_r ul li{ float: left; margin-left: 10px; width: 90px; text-align: center;} 
.bottom_r ul li img{ width: 100%;} 
.bottom_r ul li p{font-size: 12px; color: #999999;} 

.bottom_info{width:80%; margin: 0px auto;color: #666666; font-size: 12px; text-transform: uppercase; text-align: right; padding-bottom: 50px;} 
.bottom_info a{color: #666666;font-size: 12px;} 
.bottom_info a:hover{color: #8e0000;} 



@media screen and (max-width: 1700px){
.nav_{ width:85%;}
.nav_menu ul li a{padding: 55px 35px;}
.fullSlide .bd ul li{height:480px;} 
.bottom_{ width:85%;}
.bottom_l ul li{ margin-right: 40px; padding-right:40px;}
}

@media screen and (max-width: 1500px){
.nav_{ width:90%;}
.nav_menu ul li a{padding: 55px 30px;}
.fullSlide .bd ul li{height:450px;} 
.bottom_{ width:90%;}
.bottom_l ul li{ margin-right: 30px; padding-right:30px;}
}

@media screen and (max-width: 1400px){
.fullSlide .bd ul li{height:430px;} 
}

@media screen and (max-width: 1300px){
.nav_{ width:95%;}
.nav_menu ul li a{padding: 55px 25px;}
.fullSlide .bd ul li{height:380px;} 
.bottom_{ width:95%;}
.bottom_l ul li{ margin-right: 20px; padding-right:20px;}
}





.mobile-inner{ display: none;} 
.fullSlide .bd li div.pc{ display: block;} 
.fullSlide .bd li div.mo{ display: none;} 
.hei{ display: none;} 

@media screen and (max-width:768px){

	.nav{ display: none;}
	.mobile-inner{ display: block; position: fixed; width: 100%; z-index: 9999999; top: 0;}
	.mobile-inner-header{width: 100%;height: 60px;background:#F6F6F6;}
	.mobile-inner-header .img0 { float: left; margin-top: 3.5%; margin-left: 3.5%; width: 32%;}
	.mobile-inner-header .img0 img{ width:100%;} 
	.mobile-inner-header-icon{float:right; height: 60px;font-size: 25px;text-align: center;width: 60px;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;
		-o-transition: background 0.5s;	transition: background 0.5s; position: relative;}
	.mobile-inner-header-icon:hover{ background-color: rgba(255,255,255,0.2);cursor: pointer;}
	.mobile-inner-header-icon span{	position: absolute;	left: calc((100% - 25px) / 2);top: calc((100% - 1px) / 1.7);width: 25px;height: 2px;background-color: rgba(142,0,0,1);}
	.mobile-inner-header-icon span:nth-child(1){transform: translateY(5px) rotate(0deg);}
	.mobile-inner-header-icon span:nth-child(2){transform: translateY(-5px) rotate(0deg);}
	.mobile-inner-header-icon span:nth-child(3){transform: translateY(-15px) rotate(0deg);}
	.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}		
	.mobile-inner-header-icon-click span:nth-child(2){display: none;}
	.mobile-inner-header-icon-click span:nth-child(3){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}

	.mobile-inner-nav{background-color: rgba(255,255,255,0.9);width: 100%;position: absolute;top: 60px;left: 0px;	padding-top: 30px;padding-bottom: 50px;display: none;z-index: 9999999;}
	/*.mobile-inner-nav a{display: inline-block;line-height: 50px;text-decoration: none;width: 80%;margin-left: 10%;color: #FFFFFF;border-bottom: solid 1px rgba(255,255,255,0.3);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		font-weight:300;
	}
	.mobile-inner-nav a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;		animation-name: returnToNormal;}
	.mobile-inner-nav a:hover{color: rgba(255,255,255,0.4);	border-bottom: solid 1px rgba(255,255,255,0.2);}*/
	.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;}
	.mobile-inner-header-icon-out span:nth-child(3){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
	.mobile-inner-nav .mobile-inner-list{width : 80%;margin: 0px auto;}
	.mobile-inner-nav .mobile-inner-list > ul{	list-style: none;margin: 0px;padding: 0px;}
	.mobile-inner-nav .mobile-inner-list > ul > li{width:100%;-webkit-transition: .3s ease;-moz-transition: .3s ease;-o-transition: .3s ease;transition: .3s ease;}
	.mobile-inner-nav .mobile-inner-list > ul > li > a{display: block;width:100%;border-bottom: solid 1px rgba(255,255,255,0.5);text-align : left;height:40px;line-height: 40px;padding: 0px;margin: 0px;position: relative;font-size: 1.2em;color: #000000;}
	
	.hei{ display: block;height: 60px; width: 100%; background: #F8F8F8;} 



    .fullSlide .bd ul li{height:160px;} 
    .fullSlide .bd li div.pc{ display: none;}
    .fullSlide .bd li div.mo{ display: block;}
    .fullSlide .hd{bottom:5px; height:20px;line-height:20px;}
	.toolbar{ display: none;} 




    .main_pro{ width:90%; margin:35px auto; padding:0px;} 

    .main_pro_tit div img{ width: 20px;} 
    .main_pro_tit div h3{ font-size: 1.8em; margin: 0px 12px;} 
    .main_pro_tit em{  width: 180px;   margin: 15px auto;} 
    .main_pro_tit p{ font-size: 1.2em; } 

    .main_pro_ {width:100%; margin: 25px auto; } 
    .main_pro_ .fl{ float: none; width: 100%; height: 400px; } 
    .main_pro_ .fl p{font-size: 1.2em; padding: 12px 0px 12px 12px;} 
    .main_pro_ .fr{ float: none; width: 100%;height: auto; margin-top: 10px;} 
    .main_pro_ .fr ul{} 
    .main_pro_ .fr ul li{ float: none; width: 100%; height: 200px; margin-bottom: 10px;} 
    .main_pro_ .fr ul li:nth-child(2n){ float: none;} 
    .main_pro_ .fr ul li p{ font-size: 1.2em; padding: 12px 0px 12px 12px; } 

    .main_about{ background-size: cover; padding: 35px 0px;} 
    .main_about_{ width: 90%;} 
    .main_about_tit div img{width: 20px;} 
    .main_about_tit div h3{ font-size: 1.8em; margin: 0px 12px;}
    .main_about_tit em{  width: 180px;   margin: 15px auto;} 
    .main_about_tit p{font-size: 1.2em;} 

    .main_about_ p{ font-size: 1em; line-height:175%; text-align: left; width: 90%; margin: 0px auto;} 
    .main_about_ a{  margin: 30px auto 0px; font-size: 1em; padding: 8px 15px; }    
    
    .main_img{  height: 230px; background-size: cover;  background-position: left;} 
    .main_img_{ width: 90%; text-align: right; padding: 90px 0px 0px;} 
    .main_img_ h6{ font-size: 2em;} 
    .main_img_ h3{font-size: 1.8em; margin: 15px 0px 5px; color: #FFFFFF;} 
    .main_img_ p{font-size: 1.2em;color: #FFFFFF;} 
    
    .main_info{ width: 90%; margin:35px auto; }
    .main_info_{margin:20px auto 0px; } 
    .main_info_ ul{} 
    .main_info_ ul li{  width: 50%; margin-right: 0; padding: 0px 10px; box-sizing: border-box; margin-bottom: 20px;} 
    .main_info_ ul li:nth-child(2){ float: right;} 
    .main_info_ ul li:last-child{ float: right;} 
    .main_info_ ul li img{} 
    .main_info_ ul li h6{  font-size: 1.2em; margin-top: 15px;} 
    .main_info_ ul li em{  width: 50px;  margin: 5px auto;} 
    .main_info_ ul li p{ font-size: 1em; } 
    

    
    .weizhi_{width: 90%; padding: 10px 0px; font-size: 0.8em; } 
    .weizhi_ a{ font-size: 1em; } 
    

    .con_about_{ background-size: cover; background-position: left;height: auto; padding:50px 0px 50px;} 
    .con_about__{ width: 90%; } 
    .con_about__ span{ font-size:1.2em;} 
    .con_about__ h2{ font-size:1.6em;} 
    .con_about__ h5{font-size: 1.1em; margin: 10px 0px 20px;} 
    .con_about__ p{  font-size: 1em; line-height: 150%;} 

    .con_about_a{ margin: 30px auto; width: 90%;} 
    .con_about_a .fl{ float:none; width: 100%;} 
    .con_about_a .fl img{ width: 100%;} 
    .con_about_a .fr{ float:none; width: 100%;margin-top: 20px;} 
    .con_about_a .fr h3{ font-size:1.2em; margin-bottom: 20px;} 
    .con_about_a .fr p{  font-size: 1em;  line-height: 150%; } 



    .con_about_c{ background-size: cover; height: auto;background-position: left; padding: 50px 0px 50px; }
    .con_about_c_{ width: 90%; } 
    .con_about_c_ .fl{  width: 100%;}
    .con_about_c_ .fl span{font-size:1.2em;} 
    .con_about_c_ .fl h5{font-size:1.6em;} 
    .con_about_c_ .fl h6{ font-size:1em;} 
    .con_about_c_ .fl p{ font-size: 1em; } 

    .con_about_g{ margin:30px auto;} 
    .con_about_g_tit{ width:90%; } 
    .con_about_g_tit span{font-size:1.2em;} 
    .con_about_g_tit h5{font-size:1.6em;} 
    .con_about_g_{width:90%;margin:20px auto 0px;}
    .con_about_g_ ul{}
    .con_about_g_ ul li{ float: none; width: 100%; height: auto; margin-right: 0; padding:20px 30px; margin-bottom: 10px;}
    .con_about_g_ ul li:last-child{ float: none; margin-right: 0;}
    .con_about_g_ ul li h6{  font-size: 1.2em; margin-top: 10px;}
    .con_about_g_ ul li p{font-size: 1em;   margin: 8px 0px; padding-right: 0px; } 

    
    
    
    .con_pro{  padding: 30px 0px;} 

.con_pro_a{ width: 90%; } 
.con_pro_a .fl{ float: none; width: 100%; height: auto; } 
.con_pro_a .fr{float: none; width: 100%; height: auto;padding: 20px; } 
.con_pro_a .fr .fr_l h3{ font-size: 1.2em; } 
.con_pro_a .fr .fr_l p{ font-size: 1em; line-height: 150%;margin: 20px 0px 0px;} 
.con_pro_a .fr .fr_r img{ width: 75px;} 
.con_pro_a .fr .fr_r a{ margin-top: 45px; width: 80px;  font-size: 1em; border-radius: 10px;} 

.con_pro_b{ width: 90%; margin: 20px auto;} 
.con_pro_b .fl{float: none; width: 100%; height: auto;padding: 20px;} 
.con_pro_b .fl .fl_l h3{ font-size: 1.2em;} 
.con_pro_b .fl .fl_l p{font-size: 1em; line-height: 150%;margin: 20px 0px 0px;} 
.con_pro_b .fl .fl_r img{width: 75px;} 
.con_pro_b .fl .fl_r a{margin-top: 45px; width: 80px;  font-size: 1em; border-radius: 10px;} 
.con_pro_b .fr{ float: none; width: 100%; height: auto; } 

.con_pro_c{ width: 90%; } 
.con_pro_c .fl{ float: none; width: 100%; height: auto; } 
.con_pro_c .fr{float: none; width: 100%; height: auto;padding: 20px; } 
.con_pro_c .fr .fr_l h3{ font-size: 1.2em; } 
.con_pro_c .fr .fr_l p{ font-size: 1em; line-height: 150%;margin: 20px 0px 0px;} 
.con_pro_c .fr .fr_r img{width: 75px;} 
.con_pro_c .fr .fr_r a{ margin-top: 45px; width: 80px;  font-size: 1em; border-radius: 10px;} 

.con_pro_d{ width: 90%; margin: 20px auto;} 
.con_pro_d .fl{float: none; width: 100%; height: auto;padding: 20px;} 
.con_pro_d .fl .fl_l h3{ font-size: 1.2em;} 
.con_pro_d .fl .fl_l p{font-size: 1em; line-height: 150%;margin: 20px 0px 0px;} 
.con_pro_d .fl .fl_r img{width: 75px;} 
.con_pro_d .fl .fl_r a{margin-top: 120px; width: 80px;  font-size: 1em; border-radius: 10px;} 
.con_pro_d .fr{ float: none; width: 100%; height: auto; } 

.con_pro_e{ width: 90%; margin: 20px auto;} 
.con_pro_e ul{} 
.con_pro_e ul li{} 
.con_pro_e ul li{float: none; width: 100%; margin-bottom: 10px;  } 
.con_pro_e ul li:nth-child(2n){ float: none;} 
.con_pro_e ul li p{ font-size: 1.2em;  padding: 15px 0px; }

    
    
    .con_pro_m{  padding: 10px 0px 30px;}
    .con_pro_m_{  width: 90%; margin: 30px auto;}
    .con_pro_m_ h1{ font-size: 1.5em; } 
    .con_pro_left{  margin: 20px 0px;}
    .lanrenzhijia{ width:320px;  }
    .jqzoom img{ width:320px;height:245px; }
    .zoomdiv{ width:320px;height:245px;}


    /*图片小图预览列表*/
    .spec-preview{width:320px;height:245px;}
    .spec-scroll{ margin-top:10px;width:320px;}
    .spec-scroll .prev,.spec-scroll .next{display:block;text-align:center;width:10px;height:80px; line-height:80px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
    .spec-scroll .items{float:left;position:relative;width:300px;height:52px;overflow:hidden;}
    .spec-scroll .items ul{ height:50px; }
    .spec-scroll .items ul li{float:left;width:68px;text-align:center;}
    .spec-scroll .items ul li img{padding:1px;width:60px;height:45px;}


    .con_pro_url{  width: 80px;} 

    .con_pro_m_del{ width: 90%; margin: 20px auto; padding: 20px 0px;} 
    .con_pro_m_del h2{  margin-bottom: 20px; font-size: 1.5em;} 
    .con_pro_m_del img{  width: 100%;} 
    




    .con_video{width:90%; margin:30px auto;} 
    .con_video ul{} 
    .con_video ul li{ width: 100%; float: none; margin:0 0px 10px 0;} 
    .con_video ul li:nth-child(3n){ float: none;margin:0 0 10px 0;} 
    .con_video ul li p{ padding: 10px 0px;} 
    .con_video_{ height: 180px; } 
    .con_video_ > img{ height:180px;} 
    .con_video_ a{ height: 180px;   padding-top: 50px; } 
    .con_video_ a img{ width: 35px; height: 35px;} 
    .con_video_ a em{  margin: 5px auto 0px;  width:30px;} 

    .videos video{ width: 320px; height: 150px; border:#000000 5px solid;top:30%; } 
    .vclose { position:absolute;right:5%; top:5%; cursor: pointer; } 







    .con_buy{ padding:30px 0px;} 

    .con_buy_tit{ width:90%; } 
    .con_buy_tit h5{font-size:1.5em; } 
    .con_buy_tit p{ font-size:1.2em; } 

    .con_buy_{ width:90%;margin:30px auto;} 
    .con_buy_ ul{} 
    .con_buy_ ul li{ float: none; width:100%; margin-right: 0; } 
    .con_buy_ ul li:nth-child(3n){ float: none; } 

    .con_buy_ ul li div.img{height: 120px; }
    .con_buy_ ul li img{  height: 120px; } 

    .con_buy_ ul li div.tit{ height: 35px; } 
    .con_buy_ ul li p{font-size: 1em; height: 35px; line-height: 35px; } 

    .con_buy_ ul li:hover div.img .i1{ margin-top: -120px;} 
    .con_buy_ ul li:hover div.tit .t1{ margin-top: -35px;} 
    
    
    
    
    
    



    .con_news{width: 90%; margin:0px auto; padding: 20px 0px 30px;} 

    .con_news_{} 
    .con_news_ ul{} 
    .con_news_ ul li{ padding:20px 0px; } 
    .con_news_ ul li div.fl{ float: none; width: 100%; }
    .con_news_ ul li div.fl p a{ font-size:1.2em;} 
    .con_news_ ul li div.fl em{ margin: 12px 0px; width:20%; height: 1px;  } 
    .con_news_ ul li div.fl:hover em{ width: 100%;} 
    .con_news_ ul li div.fl span{  line-height: 150%; margin-bottom: 15px; font-size: 0.8em} 

    .con_news_ ul li div.fr{float: none; width: 100%; height: auto; margin-top: 10px;}



    .con_news_m{ width: 90%; margin:30px auto; } 

    .con_news_m_{ float: none; width: 100%; border-right: none; padding-right:0px; padding-top: 0; margin-top: 0;} 
    .con_news_m_ h1{ font-size:1.5em; line-height: 125%; margin-bottom: 10px;} 
    .con_news_m_ h5{ font-size: 0.8em;  padding-bottom: 20px; margin-bottom: 20px; border-bottom: #DDDDDD 1px solid;} 

    .con_news_m_ p{ font-size: 1em; line-height: 150%; margin: 20px 0px;} 
    .con_news_m_ img{ width: 100%; margin: 20px auto; max-width: 100%;} 

    .con_news_m_e ul li{ margin:5px 0px; padding: 10px; }
    .con_news_m_e ul li a{  font-size:1em; line-height: 150%;} 
    .con_news_more{ float: none; width:100%; margin-top: 30px;} 
    .con_news_more h5{font-size:1.2em; margin-bottom: 20px;} 
    .con_news_more ul{} 
    .con_news_more ul li{ margin:10px 0px;}
    .con_news_more ul li a{ font-size:1em; line-height: 150%;} 
    
    
    
    
    
    
    
    .con_contact{ padding:30px 0px;} 

    .con_contact_tit{ width:90%; } 
    .con_contact_tit h5{font-size:1.5em; } 
    .con_contact_tit p{ font-size:1.2em; } 

    .con_contact_{ width:90%;margin:5px auto; } 
    .con_contact_l{ float: none; width: 100%; padding: 0px 0px; } 
    .con_contact_l ul{} 
    .con_contact_l ul li{ padding: 20px 0px 20px 20px; } 
    .con_contact_l ul li h5{ font-size: 1.2em; margin-bottom: 5px;} 
    .con_contact_l ul li h5 i{ width: 20px;   font-size: 1.2em; } 
    .con_contact_l ul li p{font-size: 1em; } 
    .con_contact_l ul li img{ width: 100%; margin-top: 10px;} 

    .con_contact_r{ float: none; width: 100%; height:320px;}
    .con_contact_r #dituContent{ width: 100%;height:320px;}   
    
    
    
    
    
    
    
    
    



    /*css black2 style pagination*/
    div.black2 a{padding:2px 6px; }
    div.black2 a.curr{padding:2px 6px; } 
    
    
    .bottom_{ width:90%; padding: 30px 0px 10px;}
    .bottom_l{ display: none;}


    .bottom_r{ float:none;  text-align: center;}
    .bottom_r h6{ color: #999999; font-size: 16px;} 
    .bottom_r h3{color: #FFFFFF; font-size: 28px; margin: 5px 0px 20px; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"} 
    .bottom_r ul{} 
    .bottom_r ul li{ float: left; margin-left: 10px; width: 90px; text-align: center;} 
    .bottom_r ul li img{ width: 100%;} 
    .bottom_r ul li p{font-size: 12px; color: #999999;} 

    .bottom_info{width:90%; font-size: 0.8em; text-align: left; padding-bottom: 30px; line-height: 150%;} 
    .bottom_info a{ font-size: 1em;} 



}

@keyframes clickfirst {
  0% {
	  transform: translateY(5px) rotate(0deg);
	  
  }

  100% {
    transform: translateY(-5px) rotate(45deg);
  }
}	

@keyframes clicksecond {
  0% {
	  transform: translateY(-15px) rotate(0deg);
  }

  100% {
    transform: translateY(-5px) rotate(-45deg);
  }
}


@keyframes outfirst {
  0% {
    transform: translateY(0) rotate(-45deg);
  }

  100% {
    transform: translateY(-15px) rotate(0deg);
  }
}	


@keyframes outsecond {
  0% {
    transform: translateY(0) rotate(45deg);
  }

  100% {
    transform: translateY(5px) rotate(0deg);
  }
}