@charset "utf-8";
/* CSS Document */
*{ font-family:"微软雅黑"; outline:none;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); -webkit-text-size-adjust:none;} 
body,dl,dd,h1,h2,h3,h4,h5,h6,p, from{margin:0;} ol,ul,li,img{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;}
input,img,textarea{ border:none; border-radius: 0;-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); -webkit-text-size-adjust:none;}

a{ text-decoration:none !important; blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } 
a:focus{ -moz-outline-style: none; /* FF */ }
img, input{ border:0;}
input,textarea,select {outline:none;} 
a div, a span{ cursor:pointer;}
textarea{ resize:none;}/*防止textarea放大时，三个斜线被放大*/
ul li{ list-style:none; padding-top:0px;}
.qing{ display:block; clear:both; }
.juzhong{ width:1500px; display:block; margin-left:auto; margin-right:auto;}
.lf{ display:block; float:left;}
.rf{ display:block; float:right;}
*, *:before, *:after{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.shu14 img, .shu12 img{ display:inline !important; max-width:100% !important; height:auto !important;vertical-align:top; }
.shu14{ line-height:30px; color:#555; font-size:14px;}
.shu12{ line-height:30px; color:#555; font-size:12px;}
.shu18{ line-height:30px; color:#000000; font-size:18px;}
.xbjk{margin-top:10px;}
@font-face {
    font-family: futura;
    src:url(../font/GOTHIC.TTF) format('opentype');
}
@font-face {
    font-family: fangt;
    src:url(../font/arial.ttf) format('truetype');
}

@font-face {
    font-family: 'bases';
    src:url(../font/bases.ttf) format('truetype');
}

@font-face {
    font-family: 'hthex';
    src: url('../font/helveticaneueltprothex.eot');
    /* IE9 Compat Modes */
    src: url('../font/helveticaneueltprothex.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/helveticaneueltprothex.woff') format('woff'), /* Modern Browsers */
    url('../font/helveticaneueltprothex.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../font/helveticaneueltprothex.svg') format('svg');
    /* Legacy iOS */
}

.hthex{
	font-family: 'hthex';
}
.clearfix:after,
.clearfix::after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
}

.clearfix {
    zoom: 1;
}

/*banner*/


/* main_image */

.main_visual {
    height: 500px;
    overflow: hidden;
    position: relative;
}

.main_image {
    height: 500px;
    overflow: hidden;
    position: relative;
}

.main_image ul {
    width: 9999px;
    height: 500px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0
}

.main_image li {
    float: left;
    width: 100%;
    height: 500px;
}

div.flicking_con {
    position: absolute;
    bottom: 25px;
    z-index: 999;
    width: 100%;
    height: 4px;
    text-align: center;
}

div.flicking_con a {
    width: 47px;
    height: 4px;
    margin: 0 7px;
    padding: 0;
    background: #fff;
    display: inline-block;
    text-indent: -10000px
}

div.flicking_con a.on {
    background: #5c307d;
}

#btn_prev,
#btn_next {
    z-index: 11111;
    position: absolute;
    display: block;
    width: 71px!important;
    height: 71px!important;
    top: 50%;
    margin-top: -37px;
    display: block;
}

/* #btn_prev {
    background: url(../images/baz1.png) no-repeat left top;
    left: -100px;
}

#btn_next {
    background: url(../images/baz2.png) no-repeat right top;
    right: -100px;
}
 */

/*notice*/

.nobg {
    display: block;
    background: #ffffff;
    overflow: hidden;
    padding-bottom: 60px;
}

.no-tik {
    display: block;
    padding-top: 50px;
}

.no-ticn {
    text-align: center;
    font-size: 30px;
    color: #353535;
    line-height: 46px;
}

.no-tien img {
    margin: 0 auto;
}

.no-tien {
    margin-bottom: 45px;
}

.no-list {
    display: block;
    margin-left: -140px;
}

.no-list li {
    display: block;
    float: left;
    width: 476px;
    height: 265px;
    margin-left: 70px;
    padding-left: 70px;
    border-left: 1px solid #e1e1e1;
}

.no-dak {
    height: 50px;
    margin-bottom: 16px;
    border-bottom: 1px solid #e9e9e9;
    line-height: 50px;
    color: #a0a0a0;
    font-style: italic;
    font-size: 16px;
}

.no-dak .lf {
    font-size: 24px;
}

.no-dak .rf {
    font-size: 12px;
}

.noin-ti {
    display: block;
    margin-bottom: 25px;
    line-height: 28px;
    color: #000;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.noin-js {
    display: block;
    height: 85px;
    line-height: 24px;
    color: #696969;
    font-size: 14px;
}

.noin-js a,
.noin-js a:visited {
    color: #696969;
}

.more1 {
    display: block;
    overflow: hidden;
    width: 142px;
    height: 38px;
    background: url(../images/more1.png) center center no-repeat;
}

.no-list li:hover .noin-ti {
    color: #5c307d;
    text-indent: 8px;
}

.no-list li:hover .noin-js a {
    color: #222;
    text-indent: 8px;
}

.no-list li:hover .more1,
.zjk li:hover .more1,
.tdlb li:hover .more1 {
    background: url(../images/more2.png) center center no-repeat;
}


/**************************** index  background:url(../images/navbg.png) repeat-x;******************************/

.top {
    display: block;
    background: #FFF;
    /*box-shadow: 0px 0px 8px rgba(0,0,0,0.3);*/
    height: 83px;
    position: relative;
    width: 100%;
    top: 0;
    z-index: 12;
}

.top_wyy {
    box-shadow: none;
    background: #FFF;
}

.navk {
    display: block;
    position: relative;
    padding-top: 22px;
    overflow: hidden;
	padding-right:100px;
}

.nav {
    display: block;
    float: left;
    margin-right: 200px;
}

.nav li {
    display: block;
    float: left;
    height: 50px;
}

.nav li a {
    display: block;
    position: relative;
    padding: 0px 20px 0px 20px;
    height: 40px;
    border-right: 1px solid #d8d8d8;
    overflow: hidden;
    font-size: 15px;
    color: #0e0e0e;
}

.nav li a span {
    display: block;
    position: relative;
    top: 0;
}

.nav li a b {
    display: block;
    width: 12px;
    height: 6px;
    position: absolute;
    left: 96px;
    top: 10px;
}

.shop {
    display: block;
    float: left;
}

.li_xz a span {
    position: absolute;
    top: -100%;
    color: #025a88;
}

.li_xz .ywxz {
    color: #025a88;
}

.li_xz a b {
    background: url(../images/naj2.png) center center no-repeat !important;
}

.nav li:hover a span,
.nav li.on a span {
    color: #101010;
    transition: all 1s ease;
    margin-top: 3px;
}

.yck {
    font-family: 'futura';
    font-size: 14px;
}












/*隐藏盒子位置设置*/

div.hidden-box {
    position: absolute;
    overflow: hidden;
    display: none;
    padding: 10px 15px 24px;
    background: url(../images/nabg.png) repeat;
    top: 72px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    z-index: 99;
}

div.hidden-box1 {
    top: 75px;
}

.erj a {
    display: block;
    border-bottom: 1px solid #ddd;
    text-align: center;
    line-height: 38px;
    font-size: 14px;
    color: #333;
}

.erj a:visited {
    color: #494949;
}

.erj a:hover {
    color: #025a88;
    border-bottom-color: #025a88;
}

#box-1 {
    left: 80px;
    min-width: 130px;
}

#box-2 {
    left: 190px;
    min-width: 130px;
}

#box-3 {
    left: 366px;
    min-width: 130px;
}

#box-4 {
    left: 498px;
    min-width: 130px;
}

.ywxz {
    font-size: 12px;
    color: #999;
    font-family: 'futura';
}

.ywxz_h {
    font-size: 12px;
    color: #025a88;
}

.dwk {
    font-size: 14px;
    line-height: 30px;
    color: #676767;
}

.ban_s_wzk_js {
    line-height: 30px;
}

.logo {
    width: 40%;
}

.banner_s_wzk {
    position: absolute;
    top: 160px;
    z-index: 33;
    width: 100%;
}

.banner_s_wzk span {
    text-align: left;
    display: block;
    ;
}

.ban_s_wzk_js {
    margin-top: 29px;
    font-size: 14px;
    color: #000000;
}

.baner_ywk {
    font-size: 42px;
    color: #ff8000;
    line-height: 45px;
    font-family: 'fangt';
}

.ban_s_wzk {
    font-size: 32px;
    color: #ff8000;
    line-height: 45px;
}

.xiantk {
    width: 20px;
    height: 2px;
    background: #ff8000;
    display: block;
    margin-top: 10px;
}

.banner {
    position: relative;
    overflow: hidden;
}

.ban_btm {
    position: absolute;
    overflow: visible;
    height: 64px;
    bottom: 0;
    z-index: 44;
}

.ban_gedk {
    background: #f7eee5;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: -101.5%;
    text-align: left;
}

.bann_lxk {
    bottom: 0px;
    left: -20px;
    position: absolute;
}

.ban_ss {
    margin-left: 295px;
    height: 64px;
    background: #f7eee5;
    width: 100%;
    padding-left: 40px;
}

.ban_ss a {
    color: #303030;
    font-size: 14px;
    line-height: 64px;
    padding: 0px 20px;
}

.ban_ss span {
    color: #303030;
    font-size: 14px;
}

.ban_gedk_right {
    background: #f7eee5;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: -100%;
    text-align: right;
}

.ban_lijk {
    display: inline-block;
}

.ban_btm .shousk {
	position: relative;
    background: #FFFFFF;
    float: right;
    height: 36px;
    width: 400px;
    border-radius: 20px;
    position: relative;
    z-index: 444;
    top: 13px;
    right: 245px;
    padding-right: 40px;
}

.shousk-search {
    padding: 0 20px;
    margin-left: 15px;
    height: 34px;
    width: 100%;
}

.ban_btm .shousk img {
    position: absolute;
    right: 10px;
    top: 0;
    cursor: pointer;
}

.nav li:nth-last-child(1) a {
    border-right: none;
}




/************透明前背景************************/

.cfxk {
    position: relative;
}

.cfx:before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    content: '';
    left: 0;
    background: rgba(255, 255, 255, 0.4);
    transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -140%, 0);
    -webkit-transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -140%, 0);
    transition: transform 1s ease;
    -webkit-transition: transform 1s ease;
}

.cfx:hover:before {
    transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 140%, 0);
    -webkit-transform: scale3d(2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 140%, 0);
}

.cpzs_title {
    height: 101px;
    margin: 50px 0 30px;
}

.cpzs_title span {
    margin: 0 auto;
    text-align: center;
    display: block;
    line-height: 40px;
}

.title_yw {
    /*width:10%;*/
    display: block;
    text-align: center;
    margin: 0 auto;
}

.title_yw img {
    margin: 0 auto;
}

.title {
    font-size: 28px;
    color: #000000;

}

.pro_list {
    display: block;
    overflow: hidden;
}

.pro_list li {
    width: 25%;
    padding: 8px;
    float: left;
    display: block;
}

.pro_list li .pro_list_a {
    border: 1px solid #f3e8dd;
    padding: 20px;
    display: block;
}

.pro_list li .pro_list_a span {
    display: block;
    text-align: left;
}

.list_img img {
    margin: 0 auto;
    width: 100%;
}

.pro_list li .pro_list_a b {
    width: 40px;
    height: 2px;
    background: #ff8000;
    display: block;
}

.pro_list li .pro_list_a .list_img_xbt {
    margin: 20px 0 5px;
}

.pro_gdk {
    background: url(../images/index_53.png) center center no-repeat;
    font-size: 14px;
    width: 175px;
    clear: both;
    display: block;
    height: 53px;
    text-align: center;
    line-height: 33px;
    margin: 47px auto 44px;
    color: #FFFFFF;
}

.pro_list li:hover a {
    border: 1px solid #ff8000;
    box-shadow: 0px 0px 8px rgba(255, 128, 0, 0.34);
}

.pro_list li:hover a .list_img_xbt {
    color: #ff8000;
}

.pro_list li:hover a,
.pro_list li:hover a .list_img_xbt {
    transition: all 1s ease;
}


/***************index_about**************/

.gyhb {
    background: url(../images/gyhbk_bj.png) center center no-repeat;
    height: 518px;
    display: block;
    overflow: hidden;
}

.bjk {
    padding: 2px 0;
    display: block;
}

.gyhb_jy_nrk a {
    text-align: center;
}

.gyhb_jy_nrk_dbt {
    font-size: 24px;
    line-height: 30px;
    display: block;
    color: #ff8000;
}

.gyhb_jy_nrk_dbt_jsk {
    font-size: 14px;
    line-height: 30px;
    display: block;
    color: #676767;
    margin-top: 10px;
}

.gyhb_jy_nrk {
    margin: 50px 0;
    display: block;
}

.gyhb_xq {
    background: url(../images/xq_tp.png) center center no-repeat;
    height: 38px;
    width: 161px;
    display: block;
}

.gyhb_xq {
    margin: 30px auto;
}

.gyhb_wbk {
    background: #ff8000;
    display: block;
    height: 150px;
}

.hb_ylk {
    background: #FFFFFF;
    height: 185px;
    box-shadow: 0px 0px 8px rgba(121, 116, 111, 0.34);
    width: 100%;
    position: absolute;
    top: -98px;
    padding: 50px 100px;
}

.hb_ylk li {
    width: 25%;
    float: left;
    border-right: 1px solid #f1f1f1;
    font-size;
    14px;
    text-align: center;
}

.hb_ylk li:nth-child(1) {
    border-left: 1px solid #f1f1f1;
}

.hb_ylk_nfk {
    font-size: 34px !important;
    line-height: 30px;
    font-family: 'futura', '微软雅黑';
}

.hb_ylk_nfk_zw {
    margin-top: 10px;
    display: block;
    color: #676767;
}

.hb_ylk li span {
    font-size: 14px;
    line-height: 30px;
}

.hb_zhan_list li {
    width: 50%;
    float: left;
}

.hb_zhan_list .zhal_list_img,
.hb_zhan_list .zhal_list_jsk {
    width: 50%;
    position: relative;
}

.hb_zhan_list .zhal_list_img img {
    width: 100%;
    height: auto;
}

.hb_zhan_list .zhal_list_jsk {
    position: relative;
}

.anli_bjk img {
    width: 100%;
}

.zhal_list_jsk_title {
    font-size: 18px;
    display: block;
    line-height: 30px;
    margin: 0 0 20px;
    color: #000000;
}

.zhal_list_jsk_nr {
    font-size: 14px;
    color: #909090;
    display: block;
    line-height: 35px;
    padding-right: 30px;
}

.zhal_list_jsk_xk {
    border-left: 1px solid #d9d9d9;
    padding-left: 20px;
    position: absolute;
    top: 80px;
    left: 30px;
}

.hb_zhan_list {
    overflow: hidden;
}

.hb_zhan_list li .zhal_list_img b {
    background: url(../images/zhal_h.png) center center no-repeat;
    transform: scale(0);
}

.hb_zhan_list li:hover .zhal_list_img b {
    background: url(../images/zhal_h.png) center center no-repeat;
    background-size: 100% 100%;
    transform: scale(1);
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    transition: all 1s ease;
}

.hb_zhan_list li:hover .zhal_list_jsk_title {
    color: #ff8000;
}

.hb_zhan_list li:hover .zhal_list_jsk_title {
    transform: translateX(10px)
}

.hb_zhan_list li .zhal_list_jsk_title {
    transition: all 1s ease;
}

.hb_news {
    background: #f6f6f6;
    overflow: hidden;
}


/****************index_news************/

.news_sjk {
    font-size: 18px;
    color: #7e7e7e;
    line-height: 30px;
    font-family: 'futura';
    display: block;
}

.news_list_tit {
    font-size: 16px;
    color: #3a3a3a;
    line-height: 30px;
    display: block;
}

.news_list {
    overflow: hidden;
}

.news_list li {
    width: 49.5%;
    overflow: hidden;
    padding: 0 20px;
    background: #FFFFFF;
    float: left;
    margin-bottom: 20px;
    border: 1px solid #FFFFFF;
}

.news_list li:nth-child(2n) {
    float: right;
}

.news_list_dk {
    padding: 20px 15px;
    display: block;
}

.news_list li:hover {
    border: 1px solid #ff8000;
    box-shadow: 0px 0px 8px rgba(255, 128, 0, 0.34);
}

.news_list li:hover .news_list_tit {
    color: #ff8000;
    transform: translateX(10px);
}

.news_list li,
.news_list li .news_list_tit {
    transition: all 1s ease;
}

.footer {
    background: #2f3237;
    overflow: hidden;
    padding: 30px 0;
    height: 270px;
}

.fot_title {
    font-size: 16px;
    color: #FFFFFF;
    display: block;
}

.fot_w_dk {
    float: left;
    border-right: 1px solid #3c3e42;
    height: 210px;
}

.fot_w_dk li a {
    color: #7e7e7e;
    font-size: 12px;
    line-height: 30px;
}

.ft_cpzsk {
    width: 190px;
}

.ftn_gywmk {
    width: 210px;
    text-align: center;
}

.ftn_news {
    width: 215px;
    text-align: center;
}

.ftn_lx {
    width: 600px;
    padding-left: 50px;
}

.ewmk li {
    float: left;
    display: block;
    text-align: center;
    padding: 10px 0 10px 20px;
}

.ewmk li span {
    margin: 10px auto;
    display: block;
    color: #7e7e7e;
    font-size: 14px;
}

.lxwm_sj_img {
    float: left;
}

.feyx_wzk {
    float: left;
    color: #7e7e7e;
}

.lxfs_sjh {
    display: block;
    font-size: 28px !important;
    color: #ff8000;
    font-family: 'futura';
    line-height: 30px;
    margin: 10px 0;
}

.fot_w_dk li p {
    display: block;
    font-size: 12px;
}

.fot_w_dk li span {
    color: #7e7e7e;
    font-size: 12px;
}

.fot_w_dk li {
    margin-top: 0px;
}

.bqk {
    background: #212226;
    overflow: hidden;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    color: #7e7e7e
}

.bqk a {
    color: #7e7e7e
}

.ewmk li .gzh {
    display: block;
}

.ewmk li .gzh img {
    width: 100%;
}

.lxwm_sj_img {
    margin-right: 3px;
}


.shousk-btn{
	position: absolute;
	display: block;
	width: 20px;
	height: 30px;
	right: 20px;
	top: 0;
	background: url('../images/seach.png') no-repeat;
	cursor: pointer;
}
/********************************** 产品展示 **********************************/
.ban img{
	width: 100%;
}
.product-tit{
	position: relative;
	padding: 33px 58px 0 46px;
	height: 115px;
	margin-top: -158px;
	background-color: #fff;
	background-image: url('../images/hot-tel.png');
	background-repeat: no-repeat;
	background-position: center right;
	box-shadow: 0 3px 5px #b0b0b0;
}
.product-main {
	padding-top: 116px;
}
.pro-tit span{
	display: block;
}
.text{
	font-size: 28px;
	font-weight: normal;
	line-height: 28px;
	color: #000;
}
.text-eng{
	margin-top: 8px;
}
.text-eng img{
	vertical-align: top;
}
.pts-search{
	position: relative;
	width: 330px;
	height: 42px;
	padding: 0 48px 0 22px;
	border: 1px solid #ebebeb;
	border-radius: 42px;
	background: #f3f3f3;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}
.search-frame{
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #f3f3f3;
}
.search-btn{
	position: absolute;
	width: 20px;
	height: 20px;
	top: 10px;
	right: 17px;
	background: url('../images/search-btn.png') top left no-repeat;
	cursor: pointer;
}
.hot-tel{
	margin-left: 16px;
	padding-top: 2px;
}
.hot-tel p{
	display: block;
}
.ht-online{
	margin-top: 6px;
	font-size: 16px;
	color: #959595;
	line-height: 22px;
}
.hot-tel-eng img{
	vertical-align: top;
}
.ht-online .hthex{
	font-size: 22px;
}
.ht-online span{
	display: block;
	float: left;
}


.pro-nav{
	display: table;
	margin: 42px auto 0;
	overflow: hidden;
}
.pro-nav-items{
	float: left;
	margin: 0 6px 13px 6px;
}
.pro-nav-items a{
	display: block;
	min-width: 160px;
	height: 42px;
	padding: 0 0.5em;
	font-size: 16px;
	line-height: 42px;
	text-align: center;
	color: #fff;
	background: #9f9f9f;
}
.pro-nav-items.on a,
.pro-nav-items:hover a{
	background: #ff8000;
}
.pro-list{
	margin-top: 40px;
	margin-left: -26px;
}
.pro-list-items{
	float: left;
	width: 25%;
	margin-bottom: 29px;
	padding-left: 26px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.pro-block{
	padding: 18px;
	border: 1px solid #f3e8dd;
}
.pro-main{
	margin-top: 30px;
}
.pro-pic {
	display: block;
	overflow: hidden;
}
.pro-pic img{
	width: 100%;
	vertical-align: top;
}
.pro-items-tit{
	font-size: 18px;
	font-weight: normal;
	line-height: 18px;
	color: #000;
}
.pro-items-tit a{
	display: block;
	color: #000;
}
.pro-items-line{
	display: block;
	width: 45px;
	height: 3px;
	margin-top: 15px;
	background: #ff8000;
}
.pro-info{
	margin-top: 17px;
	font-size: 12px;
	line-height: 22px;
	color: #616161;
}
.pro-info a{
	display: block;
	color: #616161;
}
.pro-block:hover{
	box-shadow: 0 0 30px #fff9f3;
}
.pro-block:hover .pro-items-tit,
.pro-block:hover .pro-items-tit a{
	color: #ff8000;
}
.pro-block:hover .pro-pic img{
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

/* 分页 */
.pages {
	position: relative;
	display: table;
	margin: 0 auto;
	padding: 30px 45px 44px;
}
.pages-bg{
	position: absolute;
	display: block;
	width: 100%;
	height: 42px;
	left: 0;
	background: #ff8000;
	border-radius: 42px;
	z-index: 0;
	-webkit-box-shadow: 0 0 20px #ffe3c7;
	box-shadow: 0 0 20px #ffe3c7;
}
.pages-items{
	float: left;
	margin: 5px 3px;
}
.pages-items a{
	display: block;
	width: 29px;
	height: 44px;
	font-size: 16px;
	line-height: 34px;
	text-align: center;
	color: #fff;
}
.pages-items:hover a,
.pages-items.on a {
	color: #171717;
	background: url('../images/pages-items.png') repeat-x;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 8px #dcdcdc;
	box-shadow: 0 0 8px #dcdcdc;
}
.pages-block{
	position: relative;
	z-index: 1;
}

/********************************** 产品展示 product-details **********************************/
.pro-ban{
	background: #ff8000;
	overflow: hidden;
}
.pro-intro{
	width: 44%;
	padding-top: 99px;
	padding-right: 112px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.proi-pic{
	width: 56%;
}
.proi-pic img{
	width: 100%;
	vertical-align: top;
}
.pro-intro-art{
	margin-top: 25px;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.pro-name-text{
	font-size: 30px;
	font-weight: normal;
	line-height: 48px;
	color: #fff;
}
.pro-name-eng img{
	vertical-align: top;
}
.pro-name-line{
	display: block;
	width: 40px;
	height: 3px;
	margin-top: 15px;
	background: #6f6f6f;
}

/********************************** 案例 case **********************************/
.case-main{
	background: #f4f0eb;
}
.case-list{
	margin-top: 35px;
	margin-left: -25px;
}
.case-items{
	float: left;
	width: 25%;
	margin-bottom: 26px;
	padding-left: 25px;
}
.case-block{
	padding: 17px 17px 26px 18px;
	background: #fff;
}
.case-pic{
	display: block;
	overflow: hidden;
}
.case-pic img{
	width: 100%;
	vertical-align: top;
}
.case-btit{
	position: relative;
	display: block;
	margin: 26px 0;
	padding-right: 40px;
	font-size: 16px;
	line-height: 32px;
	font-weight: normal;
	color: #505050;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.case-btit a{
	display: block;
	color: #505050;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.case-more{
	position: absolute;
	display: block;
	width: 15px;
	height: 15px;
	top: 8px;
	right: 0;
	background: url('../images/add1.png') no-repeat;
}
.case-bline{
	display: block;
	width: 100%;
	height: 1px;
	background: #dadada;
}

.case-block:hover .case-pic img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.case-block:hover .case-btit a{
	color: #000;
}
.case-block:hover .case-bline{
	background: #464646;
}
.case-block:hover .case-more{
	background: url('../images/add2.png') no-repeat;
}
/********************************** job **********************************/
.job-main{
    background: #f4f0eb;
}
.job-list{
	margin-top: 25px;
	margin-left: -30px;
	overflow: hidden;
}
.job-list-items{
	float: left;
	width: 25%;
	margin-bottom: 28px;
	padding-left: 30px;
}
.job-block{
	padding: 40px 44px 50px;
	background: #fff;
	border-radius: 0 0 36px 0;
}
.job-date{
	font-size: 12px;
	line-height: 12px;
	color: #c1c1c1;
}
.job-post{
	display: block;
	margin-top: 12px;
	font-size: 26px;
	font-weight: normal;
	line-height: 26px;
	color: #565656;
}
.job-bline{
	display: block;
	width: 100%;
	height: 1px;
	margin-top: 20px;
	background: #959595;
}
.job-require{
	height: 168px;
	padding: 18px 0;
	font-size: 14px;
	line-height: 28px;
	color: #7e7e7e;
	overflow: hidden;
}
.job-more{
	display: block;
	width: 110px;
	height: 40px;
	font-size: 14px;
	line-height: 38px;
	text-align: center;
	color: #7e7e7e;
	border: 1px solid #c1c1c1;
	border-radius: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.job-main .pages{
	padding-top: 12px;
}

/********************************** 员工故事 job **********************************/
.story-list{
	margin-top: 35px;
	margin-left: -32px;
	overflow: hidden;
}
.story-list-items{
	float: left;
	width: 50%;
	margin-bottom: 21px;
	padding-left: 32px;
}
.story-blcok{
	background: #fff;
	overflow: hidden;
}
.story-pic {
	display: block;
	width: 279px;
	height: 218px;
}
.story-art{
	margin-left: 279px;
	padding: 37px 42px 0 34px;
}
.story-tit{
	font-size: 20px;
	font-weight: normal;
	line-height: 20px;
	color: #272727;
}
.story-tit a{
	display: block;
	color: #272727;
}
.story-article{
	display: block;
	margin-top: 18px;
	font-size: 14px;
	line-height: 24px;
	color: #777;
}
.story-article a{
	display: block;
	max-height: 96px;
	color: #777;
	overflow: hidden;
}

/**********************************  about **********************************/

.aboutus{
	width: 100%;
	margin-top: 58px;
	background: url('../images/huabao.png') no-repeat;
}
.company-name{
	text-align: right;
}
.company-name span{
	display: block;
}
.cpn-text{
	font-size: 44px;
	font-weight: normal;
	line-height: 44px;
	color: #ff8000;
}
.cpn-eng{
	width: 100%;
	margin-top: 15px;
	overflow: hidden;
}
.cpn-eng img{
	display: block;
	float: right;
	vertical-align: top;
}
.company-tit{
	padding-top: 28px;
	font-size: 22px;
	font-weight: normal;
	line-height: 22px;
	color: #323232;
}
.company-pic{
	width: 466px;
	height: 304px;
	overflow: hidden;
}
.company-pic img{
	width: 100%;
	vertical-align: top;
}
.company-art{
	padding-top: 12px;
}
.cpa-article{
	position: relative;
	/* max-height: 304px; */
	margin-left: 466px;
	padding: 40px 29px 40px 34px;
	font-size: 14px;
	line-height: 28px;
	color: #424242;
	background: url('../images/cpa-art.png') top right no-repeat;
	/* overflow: hidden; */
}
.cpa-line{
	position: absolute;
	display: block;
	width: 13px;
	height: 1px;
	bottom: 0;
	left: 50%;
	margin-left: -6px;
	background: #ff8000;
}

.production-main{
	padding: 72px 0 56px;
	overflow: hidden;
}
.pdm-tit{
	font-size: 26px;
	font-weight: normal;
	text-align: center;
	color: #424242;
}
.pdm-block{
	margin-top: 46px;
}
.pdm-items{
	float: left;
	width: 20%;
	padding: 0 25px;
	text-align: center;
}
.pdm-pic{
	position: relative;
	display: block;
	width: 189px;
	height: 189px;
	margin: 0 auto;
	background: url('../images/pdm-pic.png') no-repeat;
	font-size: 28px;
	line-height: 40px;
	color: #626262;
}
.pdm-pic span{
	display: table-cell;
	width: 189px;
	height: 189px;
	vertical-align: middle;
}
.pdm-art{
	display: block;
	margin-top: 32px;
	font-size: 14px;
	line-height: 28px;
	color: #424242;
}


/* 时间轴 */
/*发展历史*/
.history-main{
	background: url('../images/history-main.jpg') no-repeat;
}
.history-tit{
	height: 130px;
	padding-top: 44px;
	background: #f4f0eb;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.history-title{
	font-size: 30px;
	font-weight: normal;
	line-height: 30px;
	text-align: center;
	color: #424242;
}
.history-line{
	display: block;
	width: 30px;
	height: 2px;
	margin: 15px auto 0;
	background: #ff8000;
}
.fzk {
	display: block;
	padding: 50px 0 56px;
	background: #fff;
	position: relative;
	overflow: hidden;
}

.fzdti {
	display: block;
	width: 334px;
	height: 50px;
	margin: 0 auto 58px;
	position: relative;
	z-index: 99;
}

.fzdti h4 {
	display: block;
	width: 215px;
	margin: 0 auto;
	text-align: center;
	background: url(../img/dsjheadbg.jpg) repeat-x center;
}

.fzdti h4 span {
	display: block;
	width: 117px;
	margin: 0 auto;
	font-size: 24px;
	color: #000;
	background: #fff;
}

.fzxk {
	display: block;
	width: 100%;
	height: 506px;
	padding: 87px 0 0;
	margin: 0 auto;
	position: relative;
	z-index: 99;
	background: url('../images/san1.png') center 385px repeat-x;
}

.fzxkt {
	display: block;
	width: 100%;
	position: absolute;
	height: 1px;
	background: #e1e1e1;
	top: 397px;
}

.fzx1 {
	display: block;
}


#timeline {
	height: 375px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}

#dates {
	/* width: 1250px; */
	overflow: hidden;
}

#dates li {
	float: left;
	width: 98px;
	height: 70px;
	font-size: 18px;
	text-align: center;
}

#dates a {
	color: #616161;
	width: 98px;
	height: 70px;
	padding-top: 30px;
	line-height: 40px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	background: url('../images/san3.png') no-repeat center top;
}

#dates .selected {
	font-size: 22px;
	color: #ff8000;
	font-weight: bold;
	background: url('../images/san2.png') no-repeat center top;
}

#issues {
	/* width: 1250px; */
	height: 298px;
	overflow: hidden;
}

#issues li {
	/* width: 1250px; */
	height: 232px;
	list-style: none;
	float: left;
}

#issues li img {
	text-align: center;
	display: block;
	margin: 0 auto;
}

#next,
#prev {
	position: absolute;
	top: 90px;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	overflow: hidden;
}

#next {
	right: 0;
	background: url('../images/dsj2.png') center center no-repeat;
}

#prev {
	left: 0;
	background: url('../images/dsj1.png') center center no-repeat;
}

#next.disabled,
#prev.disabled {
	opacity: 0.2;
}

#next:hover {
	background: url('../images/dsj02.png') center center no-repeat;
}

#prev:hover {
	background: url('../images/dsj01.png') center center no-repeat;
}
.fzlc {
	display: block;
	margin: 0 auto;
}

.fzlc-n {
	display: block;
	line-height: 100px;
	font-size: 80px;
	color: #0093dc;
}

.fzlc-js {
	display: block;
	line-height: 32px;
	font-size: 16px;
	color: #000;
}

.fzlc-pic{
	width: 331px;
	height: 232px;
	overflow: hidden;
}
.fzlc-block{
	margin-left: 331px;
	padding-left: 34px;
}
.fzlc-years{
	font-size: 60px;
	line-height: 80px;
	color: #4a4949;
}
.fzlc-art{
	margin-top: 30px;
	max-height: 112px;
	font-size: 14px;
	line-height: 28px;
	color: #424242;
	overflow: hidden;
}

/* 经营理念 */
.idea{
	padding-top: 60px;
	height: 836px;
	background: url('../images/idea-bg.jpg') repeat-x;
}
.idea-tit{
	font-size: 30px;
	font-weight: normal;
	text-align: center;
	line-height: 30px;
	color: #fff;
}
.idea-titline{
	display: block;
	width: 30px;
	height: 2px;
	margin: 17px auto 0;
	background: #b2b2b2;
}
.idea-info{
	margin: 22px auto 33px;
	font-size: 14px;
	text-align: center;
	line-height: 28px;
	color: #fff;
}
.idea-list{
	margin-left: -28px;
	overflow: hidden;
}
.idea-items{
	float: left;
	width: 33.33%;
	height: 295px;
	padding-left: 28px;
}
.idea-block{
	position: relative;
	height: 295px;
	max-height: 295px;
	padding: 52px 80px 52px 54px;
	overflow: hidden;
}
.idea-bg1{
	background: url('../images/idea-bbg1.jpg') top right no-repeat;
}
.idea-bg2{
	background: url('../images/idea-bbg2.jpg') top right no-repeat;
}
.idea-bg3{
	background: url('../images/idea-bbg3.jpg') top right no-repeat;
}
.idea-num{
	display: block;
	position: absolute;
	width: 74px;
	right: 0;
	bottom: 0;
	font-family: 'bases';
	font-size: 114px;
	text-align: center;
	color: #e4a072;
}
.idea-art{
	font-size: 22px;
	line-height: 38px;
	color: #f7f6f6;
}
.idea-offer{
	margin-top: 48px;
}
.idea-offer-items{
	float: left;
	width: 50%;
	height: 232px;
	padding: 50px 60px 20px;
	overflow: hidden;
}
.ioi-bg1{
	background: #f5f2ed;
}
.ioi-bg2{
	background: #ffebd3;
}
.ioi-tit{
	font-size: 24px;
	font-weight: normal;
	text-align: center;
	line-height: 44px;
	color: #ff8000;
}
.ioi-line{
	display: block;
	width: 49px;
	height: 2px;
	margin: 8px auto 0;
	background: #b4b4b4;
}
.ioi-art{
	display: block;
	margin-top: 15px;
	font-size: 14px;
	line-height: 32px;
	color: #4e4e4e;
	text-align: center;
	max-height: 96px;
	overflow: hidden;
}

.pro-details{
	padding-top: 122px;
	padding-bottom: 65px;
}
.pro-con{
	width: 71.06%;
}

.pro-con-nav{
	position: relative;
	max-width: 50%;
	margin-top: -145px;
	padding-left: 54px;
	z-index: 2;
}
.procn-items{
	float: left;
	margin-right: 66px;
	font-size: 28px;
	line-height: 112px;
	color: #878787;
	cursor: pointer;
}
.procn-items:hover,
.procn-items.on {
	color: #000;
}
.procn-items:hover .procn-items-line,
.procn-items.on .procn-items-line{
	display: block;
	width: 100%;
	height: 4px;
	background: #ff8000;
}
.proc-block{
	margin-top: 50px;
}
.procb-items {
	font-size: 14px;
	line-height: 30px;
	color: #5a5a5a;
}
.procb-items img{
	max-width: 100%;
	display: block;
	/* margin: 0 auto; */
}
.proc-side{
	width: 355px;
	margin-top: 6px;
}
.proc-about-tit{
	padding: 20px 0;
	font-size: 24px;
	font-weight: normal;
	line-height: 30px;
	color: #5a5a5a;
}
.proca-list{
	padding: 4px 30px 31px 19px;
	border: 1px solid #f3e8dd;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.proca-items{
	padding: 20px 0 28px;
}
.proca-pic{
	width: 133px;
	height: 92px;
	overflow: hidden;
}
.proca-pic img{
	width: 100%;
	vertical-align: top;
}
.proca-art{
	margin-left: 150px;
}
.proca-name{
	font-size: 18px;
	font-weight: normal;
	line-height: 18px;
	color: #000;
}
.proca-name a {
	display: block;
	color: #000;
}
.proca-line {
	display: block;
	width: 45px;
	height: 3px;
	margin-top: 15px;
	background: #ff8000;
}
.proca-td{
	margin-top: 10px;
	font-size: 12px;
	line-height: 24px;
	color: #616161;
}
.proca-items:hover .proca-pic img{
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.proca-items:hover .proca-name a{
	color: #ff8000;
}
/**********************************  contact **********************************/
.contact{
	padding-top: 122px;
}
.contact-main{
	margin-top: 32px;
}
.contact-tit{
	display: block;
	height: 98px;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	line-height: 98px;
	color: #323232;
	background: url('../images/contact-bg.png') center center no-repeat
}
.maps{
	position: relative;
	margin-top: 24px;
	overflow: hidden;
}
.contact-info{
	position: absolute;
	top: 0;
	right: 0;
	width: 489px;
	height: 509px;
	background: url('../images/contact-infobg.png') repeat;
	overflow: hidden;
}
.contact-info-tit{
	font-size: 30px;
	font-weight: normal;
	line-height: 66px;
	color: #fff;
}
.ci-top{
	width: 100%;
	height: 292px;
	padding: 34px 38px;
	overflow: hidden;
}
.ci-ewm{
	position: relative;
	width: 100%;
	height: 217px;
	background: #e7790b;
}
.ci-ewm-icon{
	position: absolute;
	display: block;
	width: 32px;
	height: 12px;
	left: 37px;
	top: -12px;
}
.ci-ewm-icon img {
	width: 100%;
	vertical-align: top;
}
.ci-line{
	display: block;
	width: 46px;
	height: 2px;
	background: #ffc386;
}
.ci-block{
	padding-top: 18px;
}
.cib-items{
	position: relative;
	min-height: 21px;
	padding-left: 25px;
	font-size: 14px;
	line-height: 21px;
	color: #fff;
	margin-top: 22px;
}
.cib-icon{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 18px;
	height: 21px;
}
.cib-icon img{
	width: 100%;
	vertical-align: top;
}
.ci-ewm{
	padding-top: 36px;
}
.ciewm-block{
	display: table;
	margin: 0 auto;
}
.ciewm-items{
	float: left;
	margin: 0 13px;
}
.ciewm-pic{
	display: block;
	width: 110px;
	height: 110px;
	text-align: center;
	overflow: hidden;
}
.ciewm-pic img{
	width: 100%;
	vertical-align: top;
}
.ciewm-text{
	display: block;
	margin-top: 12px;
	font-size: 14px;
	line-height: 28px;
	text-align: center;
	color: #fff;
}
.add-con{
	padding-top: 28px;
	margin-left: -19px;
	margin-bottom: 55px;
}
.add-con-items{
	float: left;
	width: 50%;
	margin-bottom: 21px;
	padding-left: 19px;
}
.add-block{
	width: 100%;
	border: 1px solid #f3e8dd;
	overflow: hidden;
}
.add-name{
	position: relative;
	display: block;
	height: 69px;
	padding: 0 33px;
	font-size: 22px;
	font-weight: normal;
	line-height: 67px;
	color: #ff8000;
}
.add-name-line{
	display: block;
	position: absolute;
	width: 29px;
	height: 1px;
	left: 33px;
	bottom: 13px;
	background: #ff8000;
}
.add-dt{
	height: 63px;
	padding: 17px 33px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.add-block:hover .add-dt {
	background: #fcf7f4;
}
.add-dt-dz,
.add-dt-tel {
	position: relative;
	padding-left: 24px;
	font-size: 14px;
	line-height: 28px;
	color: #1d1c1c;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.add-dt-dz{
	margin-right: 60px;
}
.add-dt-icon{
	position: absolute;
	left: 0;
	top: 1px;
	width: 18px;
	height: 21px;
}
.add-dt-icon img{
	vertical-align: top;
}


.news-main{
	padding-bottom: 103px;
	background: #f4f0eb;
}
#gallery-wrapper {
    position: relative;
    /* max-width: 75%;
    width: 75%; */
    margin: 37px auto 0;
}

img.thumb {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.white-panel {
    position: absolute;
    background: #fff;
    /* border-radius: 5px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);*/
    padding: 18px; 
}

.white-panel h1 {
    font-size: 1em;
}

.white-panel h1 a {
    color: #A92733;
}

/* .white-panel:hover {
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    margin-top: -5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
} */


.news-pic{
	display: block;
	margin-bottom: 15px;
	overflow: hidden;
}
.news-pic img{
	width: 100%;
	vertical-align: top;
}
.news-tit {
	font-size: 22px;
	font-weight: normal;
	line-height: 40px;
	color: #4e4e4e;
}
.news-tit a {
	display: block;
	color: #4e4e4e;
}
.news-intro {
	min-height: 96px;
	font-size: 14px;
	line-height: 28px;
	color: #9e9e9e;
}
.news-intro a {
	display: block;
	color: #9e9e9e;
}
.news-date{
	margin-top: 12px
	font-size: 14px;
	line-height: 14px;
	color: #9e9e9e;
}

.white-panel:hover .news-pic img{
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.white-panel:hover .news-tit a{
	color: #ff8000;
}

.news-details{
	padding-bottom: 63px;
    background: #f4f0eb;
}
.news-container{
	/*width: 90%;*/
	width: 100%;
	margin: 60px auto 0;
	padding: 60px;
	min-height: 600px;
	background: #fff;
}
.ne-ny-gjc {
    padding: 20px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin-bottom: 25px;
    line-height: 26px;
    font-size: 12px;
    color: #777;
}
.fank {
    margin-top: 30px;
    padding-top: 30px;
    overflow: hidden;
    border-top: 1px solid #ddd;
}
.fank .lf a:visited {
    color: #777;
}
.fan-hui {
    display: block;
    float: right;
    width: 120px;
    height: 38px;
    text-align: center;
    border: 1px solid #ddd;
    line-height: 38px;
    font-size: 14px;
    color: #777;
}
.fank .lf p,
.fank .lf a {
    line-height: 22px;
    font-size: 12px;
    color: #444;
}
.fank .lf p{
	display: block;
}
.fank .lf a {
	display: inline-block;
}
.fank .lf a:hover {
    color: #ff8000;
}
.newsc-tit{
	display: block;
    line-height: 50px;
    font-size: 24px;
    font-weight: normal;
    color: #000000;
    margin-bottom: 25px;
    text-align: center;
}
.ne-ny-gjc a, .ne-ny-gjc a:visited {
    color: #777;
}
.news-article{
    min-height: 200px;
	line-height: 30px;
    color: #555;
    font-size: 14px;
}
.news-article img{
	max-width: 100%;
	display: block;
	margin: 0 auto;
}


/* 2017年8月10日14:23:51 */
.pro-back {
    position: relative;
    float: none;
    margin-top: 40px;
}
.pro-content {
    width: 71.06%;
}
.pro-con {
    width: 100%;
}

.fan-hui:hover {
    color: #fff;
    border-color: #ff8000;
    background: #ff8000;
}




.pro-block,
.pro-pic img,
.pro-items-tit a,
.pages-items a,
.pro-nav-items a,
.case-pic img,
.case-btit a,
.case-bline,
.case-more,
.news-pic img,
.news-tit a,
.procn-items,
.proca-pic img,
.proca-name,
.fank .lf a,
.fan-hui {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}



.top_capa { margin-top: 50px; }
.top_capa .tit { width: 100%; overflow: hidden; margin-bottom: 50px; }
.top_capa .tit h1 { font-size: 40px; width: 100%; color: #000; text-align: center; display: inline-block; }
.top_capa .tit p { font-size: 18px; color: #666; text-align: center; }
.top_capa dl { float: left; width: 19%;*width:18.9%; margin: 0 3%; overflow: hidden; }
.top_capa dt { width: 100%; margin-bottom: 20px; float: left; }
.top_capa dt img { margin: 0 auto; text-align: center; display: block; }
.top_capa dd { width: 100%; }
.top_capa dd p { font-size: 15px; text-align: center; color: #000; width: 100%; overflow: hidden; }
.sy_about_bg { background: #f4f4f4; padding: 60px 0; margin-top: 50px; width: 100%; }

.sy_prolist_bg { width: 100%; overflow: hidden; margin: 40px auto 0; }
.sy_prolist { max-width: 1500px; margin: 50px auto 0; }
.sy_prolist_tit { width: 100%; overflow: hidden; /* background:url(../images/index_02bg.jpg) no-repeat center top;*/ margin: 0 auto 20px; }
.sy_prolist_tit h2 { font-size: 42px; color: #000; padding-top: 5px; text-align: center; margin-top: 20px; }
.sy_prolist_tit p { color: #666; font-size: 16px; text-align: center; }
.sy_prolist li { width: 22%; float: left; margin: 0 1.5%; }
.sy_prolist li h4 { font-size: 16px; color: #000; text-align: center; font-weight: 500; padding: 10px 0; }
.pro_tab { margin-top: 30px; }
.pro_tab ul { width: 100%; margin: 0 auto; }
.pro_tab li { padding: 15px 0; cursor: pointer; font-size: 18px; text-align: center; float: left; width: 19.4%;*width: 19.3%; background: #f4f4f4; color: #000; margin: 0 0.3% 0; display: block; }
.pro_tab li img { display: block; margin: 0 auto; text-align: center; }
.pro_tab li a { color: #fff; }
.pro_tab .current { background: #EB0001; color: #fff; }
.news_solution { margin-top: 58px; }
.cenNew_list h3 { width: 100%; font-size: 36px; color: #000; margin-bottom: 40px; background: url(http://www.rgdryer.com/template/images/new_ico.png) no-repeat left center; padding-left: 57px; text-align: left; }
.line1 { margin: 0 auto 10px; height: 4px; width: 60px; background: #ffba00; }

.cenNew_list { width: 50%; float: left; overflow: hidden; }
.cenNew_list dl dd { overflow: hidden; color: #666; margin-bottom: 35px; }
.cenNew_list dl dd .date { float: left; width: 83px; height: 83px; border: 1px #808080 solid; margin-right: 3%; }
.cenNew_list dl dd .date span { display: block; text-align: center; color: #333; }
.cenNew_list dl dd .date ._day { font-weight: bold; font-size: 36px; line-height: 35px; margin-top: 12px; }
.cenNew_list dl dd .date ._month { font-size: 14px; }
.cenNew_list dl dd .title { font-size: 18px; font-weight: 500; color: #00132b; margin-bottom: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.cenNew_list dl dd .p { font-size: 14px; line-height: 22px; height: 44px; overflow: hidden; margin-top: 8px; }
.cenNew_list dl dd:hover .date { border-color: #EB0000; }
.cenNew_list dl dd:hover .date span { color: #EB0000; }
.cenNew_list dl dd:hover .title { color: #EB0000; }
.cenNew_list dl dd:hover .p { color: #878787; }

.sy_solution { width: 45%; float: right; }
.sy_solution h3 { width: 100%; background: url(http://www.rgdryer.com/template/images/solution_ico.png) no-repeat left center; padding-left: 57px; text-align: left; font-size: 36px; color: #000; margin-bottom: 40px; }
.sy_solution dl { overflow: hidden; position: relative; margin-bottom: 30px; }
.sy_solution dl h4 { font-size: 22px; line-height: 40px; margin-bottom: 10px; font-weight: normal; color: #00132b; }
.sy_solution dt { margin-right: 1.5em; width: 162px; height: 118px; text-align: center; overflow: hidden; float: left; }
.sy_solution dd { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; min-width: 0; line-height: 26px; font-size: 14px; color: #666; overflow: hidden; }