@charset "utf-8";
/* CSS Document */
body,ul,p,h1,h2,h3,h4,dl,dd,form,input,textarea,select { padding:0; margin:0;  }
li { list-style:none; }
img { border:none; }
a { text-decoration:none; color:#000; }
a:hover { text-decoration:none; color:#FEA002 }
.clear { zoom:1; clear:both; }
.clear:after { content:''; display:block; clear:both; }
table{ border-collapse:collapse;}
.en_font{ font-family:Arial, Helvetica, sans-serif;}
.yaha_font{ font-family:"微软雅黑";}
.shou_font{ font-family:"宋体";}
.border {border:1px #EAEBE5 solid;}
.fl{ float:left;}
.fr{ float:right;}
html{ height:100%;}
body { position:relative; height:100%; position:relative; z-index:1;}

#left{ position:fixed; width:217px; background:#fff url(../images/index/left_bg.png) center bottom no-repeat; height:100%; z-index:9999;}
.home{ height:78px; width:217px;}
.home a{ display:block; width:30px; height:24px; position:absolute; top:33px; left:94px; background:url(../images/index/home_a.jpg) no-repeat;}
.nav{ width:217px;}
.nav li{ width:217px; height:60px; position:relative; z-index:9999;}
.nav li a{ display:block; width:217px; height:26px; text-align:center; font-size:14px; line-height:26px; color:#171717;}
.nav li span{ display:block; width:217px; height:26px; color:#B4B4B4; font-size:12px; text-align:center; line-height:16px;}
.nav li:hover{ background:url(../images/index/nav_li_a_bg.png) right top no-repeat; }
.nav li:hover a{color:#fff;}
.nav li:hover span{ color:#FEA002;}

.second_menu{ display:none; width:88px; position:absolute; right:-88px; top:0px; z-index:99999;}
.left_menu_top{ background:url(../images/index/left_nemu_top_bg.png) no-repeat; width:88px; height:22px;}
.left_menu_center{ padding-left:10px; width:78px; background:url(../images/index/left_menu_center_bg.png) repeat-y; min-height:20px;}
.left_menu_center dd{ width:78px; height:30px; line-height:30px;}
.left_menu_center dd a{ background:none; height:30px; line-height:30px; text-align:center; color:#fff; display:block; width:78px; margin:0 auto; font-size:12px;}
.left_menu_center dd a:hover{ background:none; color:#000;}
.left_menu_bottom{ width:88px; background:url(../images/index/left_menu_bottom_bg.png) no-repeat; height:6px;}


.icp{ position:absolute; bottom:0px; height:150px; width:217px; left:0; background: rgba(255,255,255,0.7);}
.icp p{ font-size:12px; color:#8B8881; line-height:20px; width:188px; margin:0 auto; text-align:center; padding-top:20px;}
#right{ margin-left:217px; width:auto; height:100%; position:relative; z-index:9; min-width:1113px;}
.right_left_bg{ height:100%; width:8px; background:url(../images/right_left_bg.png) repeat-y; position:absolute; top:0px; left:0px;}
.right_top_bg{ height:8px; width:100%; background:url(../images/right_top_bg.png) repeat-x; position:absolute; top:78px; left:0px;}
.header{ height:78px; width:100%; position:absolute; top:0px; right:0px; background:#fff;}
.logo{ height:78px; width:382px; float:left;}

.serch{ float:right; width:220px; height:78px; text-align:right; line-height:78px; position:relative;}
.hd-text{ line-height:20px; color:#010101; text-indent:10px;  width: 167px; height:20px; border:none;  background:url(../images/index/hd-text.jpg) left center no-repeat; outline:none; position:absolute; top:50px; right:36px;}
.hd-sbt{ height:20px; width:26px; background:url(../images/index/hd-sbt.jpg) left center no-repeat; border:none; cursor:pointer; position:absolute; top:50px; right:6px; outline:none;}

.top_tel{float:right; width:190px; height:78px;}
.top_tel p.len_p{ line-height:38px; clear:both; height:38px;}
.top_tel p.len_p a{ display:block; width:60px; height:38px; float:left; line-height:38px; font-size:12px; padding:0 0 0 25px; color:#000;}
.top_tel p.len_p a.cn{ background:url(../images/index/cn.jpg) 0 12px no-repeat;}
.top_tel p.len_p a.en{ background:url(../images/index/en.jpg) 0 12px no-repeat;}
.top_tel p.tel_p{ line-height:40px; background:url(../images/index/tel_p.jpg) 0px 8px no-repeat; padding-left:22px; font-size:18px; color:#E79002;}

.right_con{ width:100%; height:100%; padding-top:78px; webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.i_about{ width:50%; height:100%; float:left; overflow:hidden;}
#main_pic{width:100%;height:100%;overflow:hidden;position:relative;}
#main_pic .box{width:100%;height:100%;margin:0px auto;overflow:hidden;position:relative;}
#main_pic .box li{width:100%;height:100%;position:absolute;left:0px;top:0px;opacity:0;filter:alpha(opacity=0);}
#main_pic .box li .main_pic_img{width:100%;height:100%; float:left; position:relative;}
#main_pic .box li .main_pic_img img{width:100%;height:100%;}
#main_pic .main_txt{ width:50%; height:100%; position:absolute; top:0px; right:0px; background:rgba(255,255,255,0.7); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7FFFFFF,endcolorstr=#7FFFFFF); padding-top:40px; webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#main_pic .main_txt p{ padding:0 30px; font-size:12px; line-height:24px; color:#848484;}
#main_pic .main_txt p a.i_about_title{ font-size:24px; color:#ffa003; line-height:30px;}
#main_pic .main_txt p a.i_about_more{ width:84px; height:24px; background:url(../images/index/i_about_more.png) no-repeat; display:block; margin-top:12px;}
#main_pic .main_txt p span{ font-size:16px; color:#000; line-height:28px;}
#main_pic .btnLeft{ z-index:9999; width:12px;height:12px;position:absolute;right:27px;bottom:9px; background:url(../images/left_ar.png) no-repeat 0px 0px;}
#main_pic .btnRight{z-index:9999; width:12px;height:12px;position:absolute;right:12px;bottom:9px; background:url(../images/right_ar.png) no-repeat 0px 0px;}
#main_pic .page{width:100px;height:10px;position:absolute;bottom:10px;left:50%; padding-left:40px;}
#main_pic .page a{display:inline-block;width:10px;height:10px;background:url(../images/num_grey.png) no-repeat 0px 0px;margin:0px 4px;float:left;color:#FFF;text-decoration:none;text-align:center;}
#main_pic  .page a.active{background:url(../images/num_red.png) no-repeat 0px 0px;}


.i_pic{ width:50%; height:100%; float:left; overflow:hidden; background:url(../images/index/i_pic.jpg) center center no-repeat; background-size:cover;}
.i_pic ul{ width:88%; margin:0 auto; height:100%; background:url(../images/index/i_pic_ul.png) center center no-repeat; background-size: cover; webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding:54px 0; min-height:772px;}
.i_pic ul li{ width:50%; float:left; overflow:hidden; height:50%; text-align:center; padding-top:10px; webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; min-height:332px;}

#yljd {background:url(../images/pic_img_bg1.png) no-repeat center top;}
#crcm {background:url(../images/pic_img_bg2.png) no-repeat center top;}
#cpzx {background:url(../images/pic_img_bg3.png) no-repeat center top;}
#zzry {background:url(../images/pic_img_bg4.png) no-repeat center top;}
.i_pic_list_bg{width:212px;height:212px;overflow: hidden;/*-ms-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;-oz-transition: all 0.5s ease-in-out 0s;transition: all 0.5s ease-in-out 0s;-oz-transform: scale(0.5);-ms-transform: scale(0.5);-webkit-transform: scale(0.5);transform: scale(0.5);  */ -moz-border-radius: 106px;   /* 圆的半径为边长的一半，即300px */-webkit-border-radius: 106px;border-radius: 106px; margin:0 auto;}

.i_pic_yxza{position: relative;width:180px;height: 180px;margin: 16px 0 0 16px;-webkit-transition: box-shadow 0.4s ease-in-out 0s;-ms-transition: box-shadow 0.4s ease-in-out 0s;-oz-transition: box-shadow 0.4s ease-in-out 0s;transition: box-shadow 0.4s ease-in-out 0s;border-radius: 50%;box-shadow: 0 0 0 37px rgba(255, 255, 255, 0.2), 0 0 3px rgba(115, 114, 23, 0.8) inset;}
.i_pic_bottom{position: absolute;width: 180px;height: 180px;background: #fff;border-radius: 50%;}
.i_pic_list_bg img{position: absolute;left: 0;top: 0;-ms-transform-style: preserve-3d;-ms-transition: all 0.5s ease-in-out 0s;-webkit-transform-style: preserve-3d;-webkit-transition: all 0.5s ease-in-out 0s;-oz-transform-style: preserve-3d;-oz-transition: all 0.5s ease-in-out 0s;transform-style: preserve-3d;transition: all 0.5s ease-in-out 0s;border-radius: 50%;}

.i_pic ul li:hover img{-oz-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);}


.i_pic_list_txt{ margin:0 auto; height:110px; width:212px;}
.i_pic_list_txt p{ font-size:12px; color:#86867E; line-height:18px; text-align:left;}
.i_pic_list_txt h1{ text-align:center; line-height:40px; font-weight:normal;}
.i_pic_list_txt h1 a{ font-size:16px; color:#272727; line-height:40px;}
.i_pic_list_txt h1 a:hover{ color:#E59002; }

.n_web_side{ width:86%; height:56px; margin:0 auto; webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.n_web_side p{ font-weight:normal; color:#A0A0A0; font-size:12px; line-height:40px; text-align:right; padding-top:16px;}
.n_web_side p strong{ font-weight:normal; background:url(../images/right_strong.jpg) center no-repeat;}
.n_web_side p a{ font-weight:normal; color:#A0A0A0; font-size:12px; line-height:40px;}
.n_web_side p a:hover{ color:#FEA002;}
.n_web_side p span{ background:url(../images/right_side_span.jpg) center no-repeat; margin:0 6px;}
.n_web_side p red{ color:#000000; font-size:12px; line-height:40px;}





.n_right_txt{ width:86%; height:80%; margin:0 auto;}
.n_right_txt_title{ height:74px; width:100%;}
.n_right_txt_title p.en_title{ color:#A7A7A7; font-size:24px; line-height:36px; font-weight:normal;}
.n_right_txt_title p.cn_title{ color:#7A7A7A; font-size:18px; line-height:36px; font-weight:normal;}
.n_right_con{width:100%; height:100%;}
.con_pic{ width:33%; height:100%; float:left;}
.content{ float:left; position:relative; margin:0 auto; width:67%; height:100%; padding:0 0 0 20px; overflow:auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#7A7A7A; font-size:12px; line-height:24px;}
.mCSB_container{ margin-right:40px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#F09A11;}
.mCSB_scrollTools a+.mCSB_draggerContainer{ margin-top:0px; margin-bottom:0px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:12px;}



.news_list li { height:30px; line-height:30px;  font-family:"宋体";  background:url(../images/ico_news.jpg) no-repeat 0 center;}
.news_list li .time { float:right; color:#000;}
.news_list li a { padding:0 0 0 20px; color:#000;}
.news_list li a:hover { color:#FEA002;}

.news_detail h1 { font-size:18px;}
.news_detail .time { padding:0 0 10px 0}

.back {float:right; font-size:12px; font-family:'宋体';}
.back a { color:#999999}

.products { padding:30px 0 0 0}
.products li { float:left; padding:0 0 0 40px; text-align:center; height:218px; }
.products li a { display:block; border:1px solid #e1e1e1; padding:6px; background:#f7f7f7;}
.products li span { display:block; height:30px; line-height:30px; font-size:12px;}

.product_detail {font-size:12px;}
.product_detail .pic { text-align:center;}
.product_detail .pic img {border:1px solid #e1e1e1;}
.product_detail .tit { font-size:18px; padding:20px 0; }