a,address,b,big,blockquote,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,label,legend,li,ol,p,pre,small,span,strong,u,ul,var,th,td{margin:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display: block}
body{color:#444;padding:0px 0;
font:400 14px/1.6 'Helvetica Neue',Helvetica, "Microsoft YaHei",sans-serif,Arial,'宋体';-webkit-text-size-adjust:none;
background:#fff; }
a:hover img,img{border:none; vertical-align: top;}
ol,ul{list-style: none}
input,button,select,textarea{outline:none;font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif; font-size:14px; color: #666;}
table input,table button,table select,table textarea{ vertical-align:middle;}
button,html input[type=button],input[type=submit]{-webkit-apperance: button; cursor: pointer}
button[disabled],html input[disabled]{cursor: default}
textarea{resize:none}
table{ border-collapse:collapse;}
a{text-decoration:none; color:#444;}
h1,h2,h3,h4,h5,h6{font-weight:400; font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;}
th{font-weight: normal; }



.al{text-align: left;}
.ac{text-align: center;}
.ar{text-align: right;}
.hide{display: none;}

.clear, .clr{display: block; clear: both; height: 0; line-height: 0; font-size: 0; overflow: hidden;}
.clearfix2:before,.clearfix2:after{content:""; display: table;}
.clearfix2:after{clear: both;}
.clearfix2{*zoom:1;}


::-webkit-scrollbar{width:6px;height:6px;}::-webkit-scrollbar-button{height:0;width:0;}::-webkit-scrollbar-track{background-color:#f1f1f1;}::-webkit-scrollbar-thumb{background:#ccc;}



.clearfix:after{content: ""; display: block;height: 0;clear: both;}
.clearfix{zoom:1;}
.clearit{clear:both;height:0;font-size:0;overflow:hidden;}
.fl{float:left;_display:inline;}
.fr{float:right;_display:inline;}


a:hover{color:#d5ad50;text-decoration:none;}
.hidden{visibility:hidden;}



::selection{ background:#d5ad50; color:#fff; }
::-moz-selection    { background:#d5ad50; color:#fff; }
::-webkit-selection { background:#d5ad50; color:#fff;}

html{-webkit-tap-highlight-color: rgba(240,240,240,0.7);}



body{ background-color:#fff; border-top:4px solid #d5ad50;}
.w_1200{ width:1200px; margin:0 auto;}


.min_1200{margin: 0 auto; min-width: 1200px; _width:expression((documentElement.clientWidth < 1200) ? "1200px" : "auto" );}
.max_1200{margin: 0 auto; max-width: 1200px; _width:expression((documentElement.clientWidth > 1200) ? "1200px" : "auto" );}



.phcolor{color: #bbb!important;}
input::-webkit-input-placeholder{color: #bbb;}
input:focus::-webkit-input-placeholder{color: #999;}
input::-moz-placeholder{color: #bbb;}
input:-ms-input-placeholder{color: #bbb;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none!important; margin: 0;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
input[type="number"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}

a{transition: .2s; -moz-transition: .2s; -webkit-transition: .2s;}



.header_t{ line-height: 20px; padding:10px 0; font-size:13px; color:#666;}
.text_m,.header_t dd a,.header_t dd span{ display:inline-block; vertical-align: middle;}
.header_t dd{ text-align:right;}
.header_t dd .china{ margin:0 .6em;}
.wechat_arrow{ display:inline-block; vertical-align: middle; width: 20px; height: 20px; background-image: url(../image/arrow.png);background-repeat: no-repeat; font-size: 0; }
.sina_arrow{background-position: 0 -20px;}


.header{ height:125px; background-color:white; position:relative; width: 100%; padding:0 0; z-index: 10;}


@-webkit-keyframes hdnav2-show{0%{top:-42px}100%{top:0}}
@keyframes hdnav2-show{0%{top:-42px}100%{top:0}}
.top_header{position: absolute; top: 0; left: 0;}
.header_fixed{position: fixed; top: 0; left: 0; height: 70px; _position: absolute; animation: hdnav2-show .3s; -moz-animation: hdnav2-show .3s; -webkit-animation: hdnav2-show .3s; box-shadow: 0 0 10px rgba(0,0,0,.2); border-bottom: 1px solid #ccc\9;*border-bottom: 1px solid #ccc;}
* html{background-image: url(about:blank); background-attachment: fixed;}
.header_fixed .logo{ padding:.2em 0 0 0;}
.header_fixed .logo img{ height:50px;}
.header_fixed .nav{ padding:14px 0 0 0;}



.logo{ padding:.1em 0 0 0;}

.nav{ font-size: 16px; padding:45px 0 0 0; line-height: 40px; height: 40px;}
.nav li{ float:left;}
.nav li a{ position:relative; float:left; margin:0 0 0 20px; padding:0 1em;
-webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;}
.nav li a:hover,.nav .on a{ color: #fff;background-color: #d5ad50\9; *background-color: #d5ad50;-moz-border-radius: .3rem; -webkit-border-radius: .3rem; border-radius: .3rem;} 
.nav li a::before{ display:block; position: absolute; content: ''; left: 0; bottom: 0;  width: 100%; height:0;  -moz-transition: .3s;-webkit-transition: .3s;transition: .3s; background-color: #d5ad50; display: none\9; z-index: -1; -moz-border-radius: .3rem; -webkit-border-radius: .3rem; border-radius: .3rem;}
.nav li a:hover::before,.nav .on a::before{ height:100%;}
.nav .on a{ color: #fff;}


.banner{ position:relative; height: 200px; overflow: hidden;}
.banner_img{ position:absolute; top:0; left: 50%; margin-left: -960px;}


.h_center{ padding:5em 0;}
.h_pro_class{ padding: 1em 0; width: 1230px;}
.h_pro_class .box_a:hover{ box-shadow:0 0 15px rgba(0,0,0,.2); -moz-transform: translateY(-.3em); -webkit-transform: translateY(-.3em); transform: translateY(-.3em);}
.h_pro_class .box_a:hover img{ -moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1); opacity: .8;}
.h_pro_class li{ margin-bottom:45px;}
.h_pro_class .box_a{ background-color: #000; display:block; position: relative; height: 240px; overflow: hidden; text-align: center; margin-right: 30px;}
.h_pro_class h5{ font-size:22px; margin-bottom: .2em;}
.black{ z-index: 4; position:absolute; left: 0; bottom: 0; background-color: rgba(0,0,0,.6); color:#fff; padding:15px 0; width: 100%;
background-color: rgba(0,0,0,.6); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#CF000000,endcolorstr=#CF000000);}
.btn_a{ display:inline-block; text-align: center; width: 130px; line-height: 34px; cursor: pointer; background-color: #fff; color:#666;}
.box_a:hover .btn_a,.btn_a:hover{background-color: #d5ad50; color:#000; box-shadow: 0 0 5px #d5ad50;}


.footer{ background-color: #f2f2f2; font-size: 13px; padding:1.4em 0;}
.footer h5{ font-size:18px; margin-bottom: .5em;}
.footer .wechat_arrow{ margin-right:5px;}
.footer dd{ text-align:left;}
.footer .wechat_box{ width:100px; display: inline-block; vertical-align: top; text-align: center;}
.footer .wechat_box p{ margin:.4em 0 0 0;}
.footer .wechat_box_l{ margin-left:25px;}
.footer dt li{ float:left; width: 24%;}
.footer dt p{ color:#666; margin:.3em 0;}
.footer dt a{ color:#666;}
.footer dt a:hover{color:#d5ad50;}


.footer_d{ padding:2.5em 0; color:#666; font-size: 13px;}
.footer_d dd{ text-align:right;}
.footer_d dt .china{margin:0 .6em;}
.footer_d a{ color:#666;}
.footer_d a:hover{ color:#d5ad50;}




.site_th{ font-size:13px; color:#666; margin:1.5em auto;}
.site_th a{color:#666;}
.site_th .china{ font-style:normal; margin:0 .8em;}
.site_th a:hover{color:#d5ad50;}
.home_arrow{ display:inline-block; vertical-align: middle; width:24px;  height: 24px; overflow: hidden; font-size: 0; margin-right: 8px; background-color: #d5ad50; background-image: url(../image/site.png); background-repeat: no-repeat; background-position: center center;}



.i_center{ margin:2.8em auto 6em auto;}
.w_230{width:200px; padding: 15px;}
.gray_bj{ background-color:#f7f7f7;}


.i_left{ margin-right:80px;}

.i_l_th{ padding:0 5px; font-size:22px; margin:1em 0; line-height: 22px;overflow:hidden; word-break:keep-all; white-space:nowrap;text-overflow:ellipsis;}
.th_eng{ font-style: italic; font-size: 14px; margin-left: 5px; font-family:Arial; text-transform: uppercase;color:#d5ad50;}


.l_nav { padding:0 0 2em 0;}
.l_nav li{ margin:.8em 0;}
.l_nav li a{ font-size: 16px; color:#666; display:block; position: relative; line-height: 50px; padding: 0 25px;}
.l_nav li a::before{ display:block; content: ''; position: absolute; top:0; left: 0; width: 4px; height: 0px; background-color: #6a5628; -moz-transition: .3s;-webkit-transition: .3s;transition: .3s; display: none\9;display: none\0;}
.l_nav li a:hover::before,.l_nav .on a::before{height:100%;}
.l_nav li a:hover{  background-color: #efeadd; border-left:4px solid #6a5628\9;*border-left:4px solid #6a5628;}
.l_nav .on a{ font-weight:bold; color:#4d3a0e; background-color: #d5ad50; border-left:4px solid #6a5628\9;*border-left:4px solid #6a5628;}


.i_r_th{ color:#333; position: relative; font-size:30px; line-height: 1.1em; padding-bottom: .5em; margin:.5em 0 1em 0;}
.th_line_s{ border-radius:4px; width: 24px; height: 4px; background-color: #d5ad50; overflow: hidden; position: absolute; bottom: 0; left: 0; font-size: 0;}


.r_text{ line-height: 2; margin:1.5em 0;}
.r_text p{ margin:1em 0;}


.i_right{font-size: 15px;}


.r_contact{ margin:2.5em 0;}
.r_contact li{ margin:1em 0;}


.r_map{ border:1px solid #eee; box-shadow: 0 0 10px rgba(0,0,0,.1); margin:4em 0;}
.r_map h5{ border-bottom: 1px solid #eee; font-size:15px; padding:1.2em 2em;}
.arrow_map{ width:24px; height: 24px; font-size: 0; margin-right: 10px; overflow: hidden; vertical-align: middle; background-image: url(../image/map.png); background-repeat: no-repeat; display: inline-block;}
.map-container{ width:100%; height: 350px;}


.r_news{ margin:2em 0 3em 0;}
.r_news dt{ width:250px; margin-right: 40px;}
.img_w{ width:100%; overflow: hidden;}
.r_news p{ color:#666; line-height: 1.8;}
.r_news h5{ font-size:18px; font-weight: bold;}
.r_news .t{ margin:1em 0;font-size: 14px;}
.r_news .t,.r_news .t a{ color:#999;}
.r_news .d{ font-size: 14px; margin:1.8em 0 0 0;}



.i_news{border-top:1px solid #eee;}
.i_news li{ border-bottom:1px solid #eee; padding:1.4em 1em;}
.i_news li a{ display:inline-block; font-size: 16px; vertical-align: middle; padding-left: 1.8em; background-image: url(../image/arrow_s.png); background-repeat: no-repeat; background-position: .2em center;}
.i_news .fr{ font-size:14px; color:#999;}


.page{ font-size: 13px; margin:2em 0 0 0; color:#666;}
.page dt,.page dd{ padding:1em 0;}
.page dd{ line-height: 26px;}
.page dd a{ display:inline-block; padding: 0 .8em; background-color: #fff; vertical-align: middle; margin:0 4px; border:1px solid #e9e9e9;}
.page dd .not,.page_text .not{ color:#999; cursor:default;}
.page dd .not:hover{ border-color:#e9e9e9; }
.page dd :hover{border-color: #d5ad50;}
.page dd .on{ color:#fff; font-weight: bold; background-color: #d5ad50; border-color: #d5ad50;}


.select_box{  width:90px; margin:0 .5em; color:#333; vertical-align: middle;height:32px; line-height:32px; border: 1px solid #ccc; font-size: 13px; padding: 0 1em;
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; overflow: hidden; filter: none !important;
appearance:none;-moz-appearance:none;-webkit-appearance: none; background:none; background:#fff url(../image/option.png) no-repeat 90% center;}
.select_box::-ms-expand { display: none; }



.r_jobs{ margin:2em 0 8em 0; line-height: 1.8;}
.r_jobs h5{ font-weight:bold; font-size: 16px; margin:1em 0;}
.r_jobs p{ margin:1em 0 4em 0;color:#666;}



.r_about{ line-height: 2; margin:2em 0;}
.r_about p{ text-indent:2em; margin:1.4em 0;}
.r_about .pic_c{text-indent:0; text-align: center;margin:2em 0;}


.red_text{ color:#ff0000;}

.r_pro{ font-size:14px; width: 103%; padding:1em 0 0 0;}
.r_pro li{ margin:0 0 50px 0;}
.r_pro li .d,.r_pro li .t{ padding:.5em .4em; margin:0 10px;}
.r_pro li .t{ border-bottom:1px solid #eee;}
.r_pro li .d{ padding-top:.6em; padding-bottom: .6em;}
.r_pro .pic{ height:200px; overflow: hidden;}
.r_pro .box_a{box-shadow:0 0 10px rgba(0,0,0,.3); border:1px solid #eee; position:relative; display: block; margin-right: 30px;}
.box_border{ display: none\9;*display: none;position:absolute; width: 100%; border-width:4px; border-style: solid; border-color:transparent;left: 0; top:0; z-index: 2; height: 100%; box-sizing: border-box;}

.r_pro .box_a:hover{ box-shadow:0 0 30px rgba(0,0,0,.3); -moz-transform: translateY(-.3em);-webkit-transform: translateY(-.3em);transform: translateY(-.3em);}
.box_a:hover .box_border{ border-color:#d5ad50;}



.box_d{ margin:0 0 3em 0;}



.love_th{ border-bottom:1px solid #eee; padding-bottom: .6em; margin:1em 0; font-size: 24px;}
.love_arrow{ display:inline-block; vertical-align: middle; width: 30px; height: 30px; overflow: hidden; margin-right: 10px; background-color: #d5ad50; background-image: url(../image/love.png); background-repeat: no-repeat;}


#preview{margin-right: 60px; position: relative; float: left; width: 422px;}
#preview_show{display: block; width: 420px; height: 420px; border:1px solid #e5e5e5;}
#preview_show img{width: 420px; height: 420px;}

#preview_thumb{margin: 15px 0; position: relative; padding: 0 0px; height: 90px;}
#preview_thumb .prev, #preview_thumb .next{position: absolute; top: 50%; margin-top: -23px; display: block; text-align: center; width: 28px; height:46px; line-height:46px; font-size: 20px; color: #fff; font-style: normal; font-weight: bold;font-family: simsun; border:none; background-color: rgba(0,0,0,.5); z-index: 5;
filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);}
#preview_thumb .prev{left: 0;}
#preview_thumb .next{right: 0;}
#preview_thumb .prev:hover,#preview_thumb .next:hover{background-color: rgba(0,0,0,.8); background-color: #333\9;}
#preview_thumb .stop{color: #fff; background-color: #ccc !important; cursor: default;}

#preview_thumblist_wrap{position: relative; width: 444px; height: 90px; overflow: hidden;}
#preview_thumblist{position: absolute; top: 0; left: 0; text-align: left;}
#preview_thumblist li{float: left; width:111px; padding-top: 1px;}
#preview_thumblist img{width: 86px; height: 86px; border: 1px solid #e5e5e5; vertical-align: top; cursor: pointer;}
#preview_thumblist .on{padding-top: 0;}
#preview_thumblist .on img{border: 2px solid #d5ad50;}
.zoomDiv{position: absolute; top: 0; left: 0; z-index: 999; width: 200px; height: 200px; background: #fff; border:1px solid #eee; text-align: center; overflow: hidden; display: block!important;}
.zoomMask{position: absolute; background-color: rgba(254,238,167,.4); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7Ffeeea7,endcolorstr=#7Ffeeea7); border: 1px solid #eee; cursor: move; z-index:1;}


.pro_r h2{ font-size:22px;}
.pro_r h2 .font_14{ margin:0 0 0 5px;}
.pro_date{ margin:1em 0 2em 0; border-top:1px solid #eee; font-size:15px; color:#666; width: 103%;}
.pro_date .li_w{ float:none; width:100%; clear: both; }
.pro_date .fl{ width:90px; text-align: right; margin-right: 5px;}
.pro_date .box{ margin:0 35px 0 0;border-bottom:1px solid #eee; padding:1em 1em;}





.th{ font-family:"Microsoft YaHei";}

.date{ float:right; color:#999; font-family:Arial;font-weight:normal;}

.china{ font-family:"宋体";}
.eng,.prit_r{font-family:Arial;}

.mt30{margin-top: 30px!important;}
.red_text,.red_link a,.gray_link_l a:hover{ color:#fa483c;}
.yellow_text{ color:#ffde29;}
.link_line a{ text-decoration:underline;}
.link_line a:hover{text-decoration:none; }
.gray_text{ color:#888;}

.m_l{ margin-left:1em;}
.m_l_b{ margin-left:2em;}
.m_text{ margin:0 2em;}
.mr_40{ margin-right:40px;}
.m_t{ margin:0 .5em;}
.gray_link_l a{ color:#888;}
.blue_link a,.blue_text{ color:#0091ef;}
.blue_link a:hover{ color:#fff; background-color: #0091ef;}
.green_text{color:#b2cc40;}
.orange_text{color:#ff6000;}
.graw_link a,.graw_text{ color:#d5ad50;}
.graw_link a:hover{ color:#fff; background-color: #d5ad50;}

.link_line a{ text-decoration:underline; }
.link_line a:hover{text-decoration: none;}


.font_12{ font-size:12px;}
.font_14{ font-size:14px;}
.font_15{ font-size:15px;}
.font_18{ font-size:18px;}
.font_20{ font-size:20px;}
.font_22{ font-size:22px;}
.font_24{ font-size:24px;}
.font_28{ font-size:28px;}
.font_30{ font-size:30px;}
.font_38{ font-size:38px;}
.font_44{ font-size:44px;}
.font_48{ font-size:48px;}




.hide_box{ height:auto; overflow: hidden;}

.list_2 li{ float:left; width:49.99%;}

.list_4 li{float:left; width: 24.99%;}
.list_5 li{float:left; width: 19.99%;}
.list_6 li{float:left; width: 16.66%;}
.list_7 li{float:left; width: 14.28%;}

.list_3 li{ float:left; width:33.33%;*width:33.2%;}


.hide1{overflow:hidden; word-break:keep-all; white-space:nowrap;text-overflow:ellipsis;}
.hide2,.hide6,.hide4,.hide3{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.hide2{height:3.2em;height:3.2em\9; height:3.2em\0;}
.hide3{-webkit-line-clamp: 3;height:4.8em; }
.hide6{-webkit-line-clamp: 6; height:9.6em;}
.hide4{-webkit-line-clamp: 4;height:6.4em;}

.r_cell{ display:table-cell; width:9999px; *width:auto; *zoom:1; height:24px;}

.pic_cell{ vertical-align:middle; text-align:center; display:table-cell; overflow:hidden;}
.pic_cell img{ max-width:100%; max-height:100%; width:100%\9;width:100%\0;*width:100%;vertical-align:middle; overflow:hidden;}

.transition_a{ -moz-transition:all .3s linear;-webkit-transition:all .3s linear;transition:all .3s linear;}



.other_qq:hover,li:hover .arrow_s,li:hover .arrow_t{animation: landr 0.8s ease-in-out; 
-ms-animation: landr 0.8s ease-in-out;
-moz-animation: landr 0.8s ease-in-out;
-webkit-animation: landr 0.8s ease-in-out;
-o-animation: landr 0.8s ease-in-out;}

@keyframes landr {
0% {transform: rotate(0deg);transform-origin: right bottom 0;}
39% {transform: rotate(5deg);transform-origin: right bottom 0;}
40% {transform: rotate(5deg); transform-origin: left bottom 0;}
75% {transform: rotate(-10deg);transform-origin: left bottom 0;}
100% {transform: rotate(0deg);transform-origin: left bottom 0;}
}
@-webkit-keyframes landr {
0% { -webkit-transform: rotate(0deg);-webkit-transform-origin: right bottom 0;}
39% {-webkit-transform: rotate(5deg);webkit-transform-origin: right bottom 0;}
40% {-webkit-transform: rotate(5deg);-webkit-transform-origin: left bottom 0;}
75% {-webkit-transform: rotate(-10deg); -webkit-transform-origin: left bottom 0;}
100% {-webkit-transform: rotate(0deg);-webkit-transform-origin: left bottom 0;}
}



.round_s,.round_s_a a { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.round_m,.round_m_a a{ -moz-border-radius:2em; -webkit-border-radius:2em; border-radius:2em;}
.round_s_img img{ -moz-border-radius:.5em; -webkit-border-radius:.5em; border-radius:.5em;}
.round_m_s{ -moz-border-radius:.4em; -webkit-border-radius:.4em; border-radius:.4em;}
.round_r,.round_img img{-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}

.round_s,.round_r,.round_m,.round_img img,.round_m_s,.round_m_a a,.round_s_a a,.round_s_img img{position:relative\9;behavior: url(404.png);}
.nav .on a{behavior: url(404.png);}



div.t_ma{ z-index:99; position:relative; text-align:center; padding:.0em 0 0 0;}
div.t_ma img{ vertical-align:middle; margin:0 .1em;}
div.t_ma_h em img{ -moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);}
div.ma_box{ display:none; position:absolute; padding:8px 0 8px 0; left:0; top:1.7em; background:#fff; width:120px; text-align:center; border:1px solid #e7e7e7;}
div.ma_box p{ padding:.0.8em 0 0 0; font-size:13px; line-height:0.4em;}