@font-face {
    font-family:'Impact';
    src: url('../images/fonts/impact.eot') format('embedded-opentype'),
         url('../images/fonts/impact.ttf') format('truetype'),
         url('../images/fonts/impact.svg') format('svg'),
         url('../images/fonts/impact.woff') format('woff'), 
         url('../images/fonts/impact.woff2') format('woff2');
}

html body{width: 100%;}
*{ margin:0; padding:0;font-family: "Microsoft Yahei";}
html body{width: 100%;font-size: 14px;font-family: "Microsoft Yahei";}
img{ border:none;vertical-align: middle;height: auto;}
ul,li{ list-style:none;}
a{outline:none; text-decoration:none; color:#383838;} 
a:hover{outline:none; text-decoration:none; color:#e60012;}
.clear{ clear:both}
.l{float:left;}
.r{float:right;}
em,i{font-style:normal;}
hr{border:none; clear:both; height:0; background:none; margin:0; padding:0; border-bottom:#eee solid 1px;}
html > body > table >  tr [id="total"] > td  > ul > li { color:#383838;}
body{ color:#383838; font-family:'Microsoft YaHei UI','Microsoft YaHei',SimSun,'Segoe UI',Tahoma,Helvetica,Sans-Serif; font-size:12px; /*解决电脑设置保护色，网页空白处默认淡绿色问题*/}
/*espcms_public*/
body,div,dl,dt,dd,ul,ol,li,pre,code,form,input,textarea,/*p,*/blockquote,th,td{margin:0;padding:0;}
table{/*border-collapse:collapse;border-spacing:0;*/}
blockquote { border-left: 5px solid #EEEEEE; margin: 10px; padding: 10px; }
/*首字母*/
.firstletter:first-letter{ font-size:200%;}
/* 解决固定层在IE6下闪的问题 */
html{ background-attachment:fixed;}
/* 解决ie下连接加粗的鼠标样式问题*/
a strong{ cursor:pointer;}
/*FCK 兼容解决方案*/
strike{ text-decoration:line-through !important;} strong{ } u{ text-decoration:underline !important;}
/*超出省略号显示*/
.ellipsis{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;width:80px;overflow:hidden;}
/*块状元素水平居中*/
.auto{margin-left:auto; margin-right:auto;}
/*清除浮动*/
.fix{*zoom:1;}.fix:after{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}
/*基于display:table-cell的自适应布局*/
.cell{display:table-cell; *display:inline-block; width:2000px; *width:auto;}
/*双栏自适应cell部分连续英文字符换行*/
.cell_bk{display:table; width:100%; table-layout:fixed; word-wrap:break-word;}
/*单行文字溢出虚点显示*/
.ell{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.ti2{text-indent:2em;}
/*按钮*/
html .button{ display: inline-block; zoom: 1; *display: inline; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer;text-align: center; text-decoration: none; font-size:14px; line-height:100%; padding: .4em 1.5em .55em; border:none; border-radius: 2px; color: #fff; background:#40b694;}
.button:hover { text-decoration: none; background: #9a9c9d; }
.button:active { position: relative; top: 1px;color: #999; }
/*圆角*/
.button.bigrounded { -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; }
/*中号*/
.button.medium { font-size: 12px; padding: .4em 1.5em .42em; }
/*小号*/
.button.small { font-size: 11px; padding: .2em 1em .275em; }
/*翻页*/
.espcms_page_botton{text-align: center;padding: 30px 0 50px 0;}
/*按钮色彩样式*/
.btn > .caret,.dropup > .btn > .caret {border-top-color: #000 !important;}
.btn{display: inline-block; padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;}
.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus {outline: thin dotted;outline: 0px auto -webkit-focus-ring-color;outline-offset: -2px;}
.btn:hover,.btn:focus,.btn.focus {text-decoration: none;}
.btn:active,.btn.active {background-image: none;outline: 0;}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn {cursor: not-allowed;filter: alpha(opacity=65);-webkit-box-shadow: none;box-shadow: none;opacity: .65;}
a.btn.disabled,fieldset[disabled] a.btn {pointer-events: none;}

.btn-default {color: #333;background-color: #fff;border-color: #ccc;outline:0px}
.btn-default:focus,.btn-default.focus {color: #333;background-color: #e6e6e6;border-color: #8c8c8c;outline:0px}
.btn-default:hover {color: #333;background-color: #e6e6e6;border-color: #adadad;outline:0px}
.btn-default:active,.btn-default.active,.open > .dropdown-toggle.btn-default {color: #333;background-color: #e6e6e6;border-color: #adadad;outline:0px}
.btn-default:active:hover,.btn-default.active:hover,.open > .dropdown-toggle.btn-default:hover,.btn-default:active:focus,.btn-default.active:focus,.open > .dropdown-toggle.btn-default:focus,.btn-default:active.focus,
.btn-default.active.focus,.open > .dropdown-toggle.btn-default.focus {color: #fff;background-color: #e60012;border-color: #e60012;}
.btn-default:active,.btn-default.active,.open > .dropdown-toggle.btn-default {background-image: none;}
.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,
.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus,.btn-default.disabled:active,.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active {background-color: #fff;border-color: #ccc;}
.btn-default .badge {color: #fff;background-color: #333;}

.btn-group,.btn-group-vertical {position: relative;display: inline-block;vertical-align: middle;}
.btn-group > .btn,.btn-group-vertical > .btn {position: relative;float: left;}
.btn-group > .btn:hover,.btn-group-vertical > .btn:hover,.btn-group > .btn:focus,.btn-group-vertical > .btn:focus,.btn-group > .btn:active,.btn-group-vertical > .btn:active,.btn-group > .btn.active,.btn-group-vertical > .btn.active {z-index: 2;}
.btn-group .btn + .btn,.btn-group .btn + .btn-group,.btn-group .btn-group + .btn,.btn-group .btn-group + .btn-group {margin-left: -1px;}
.btn-toolbar {margin-left: -5px;}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {float: left;}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {margin-left: 5px;}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {border-radius: 0;}
.btn-group > .btn:first-child {margin-left: 0;}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {border-top-left-radius: 0;border-bottom-left-radius: 0;}
.btn-group > .btn-group {float: left;}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {border-radius: 0;}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {border-top-left-radius: 0;border-bottom-left-radius: 0;}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {outline: 0;}
.btn-group > .btn + .dropdown-toggle {padding-right: 8px;padding-left: 8px;}
.btn-group > .btn-lg + .dropdown-toggle {padding-right: 12px;padding-left: 12px;}
.btn-group.open .dropdown-toggle {-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}
.btn-group.open .dropdown-toggle.btn-link {-webkit-box-shadow: none;box-shadow: none;}
.btn .caret {margin-left: 0;}


/*导航*/
.nav{width: 100%; height: 120px; border-bottom: 1px rgba(238,238,238,.2) solid; box-sizing: border-box; position: absolute; z-index: 100; top: 0;}
.nav .s_width{width: 100%; height: 120px; margin: 0 auto; min-width: 1200px; display: flex; justify-content: space-between;}
.nav_logo{display: flex; align-items: center; background: #fff; padding: 0 2%; margin: 0; position: relative;}
.nav_logo img{}
.company{width: 85%; height: 44px; line-height: 42px; font-size: 28px; color: #e6bd7f; font-weight: normal; text-align: center; border: 1px #e6bd7f solid; border-radius: 50px; position: absolute; z-index: 100; top: 135px;}

.nav .nav_lanmu{width: 65%; display: flex; justify-content: space-between; padding: 0 2%;}
.nav li{position: relative; text-align: center;}
.nav li a:before{position: absolute; bottom: 0; left: 0; right: 0; z-index: -1; content: ""; display: block; width: 0; height: 10px; margin: 0 auto; background: url("../images/nav_tb01.png") center no-repeat; transition-duration: .3s;}
.nav li a:hover:before{width: 20px;}
.nav li a{font-size: 18px; line-height: 120px; color: #fff; display: block; position: relative; z-index: 1;}
.nav li:hover a{color: #e60012; transition-duration: .3s;}
.nav li a:after{position: absolute;top: 0;right: -10px;z-index: -1;content: "";display: block;width: 9px;height: 9px; background: url("../images/nav_tb02.png") center no-repeat; transition-duration: .3s; opacity: 0;}
.nav li a:hover:after{opacity: 1; top:30px;}

.subnav{position: absolute; z-index: 5; top: 120px; left: -75%; border-radius: 10px;}
.investor-subnav{width: 230%; padding: 10px; background: rgba(0,0,0,0.7); }
.investor-subnav ul{display: flex; flex-wrap: wrap;}
.investor-subnav .text{width: 100%; cursor: pointer; text-align: center; font-size: 15px; color: #fff; line-height: 40px; transition-duration: .3s; border-radius: 10px;}
.investor-subnav .text a{display: block; color: #fff;}
.investor-subnav .text:hover{background: #e60012;}

.english{width: 21%; font-weight: normal; display: flex; justify-content: center; align-items: center; border-left: 1px rgba(238,238,238,.2) solid;}

@media only screen and (max-width: 1440px){
    .english{padding-left: 2%;}
	.english img{}
}
@media only screen and (max-width: 1260px){
    .english{padding-left: 2%;}
	.english img{width: 95%;}
}

/*banner*/
.slide-main{position: relative; z-index: 1;}
.prev,.next{display: block; position: absolute; z-index: 222; top: 45%; overflow: hidden; cursor: pointer;}
.prev img,.next img{margin:10px 0 0 5px;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{}
.item{display: block; width: 100%; position: absolute; z-index: 124; bottom: 20px; left: 0; text-align: center;}
.item a{display: inline-block; width: 12px; height: 12px; margin-right: 10px; background: #fff; opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=60); overflow: hidden; border-radius: 50%;}
.item a.cur{background: #e60012;}
.slide-box,.slide{display:block;width:100%;height: auto;}
.slide-box{position:relative;}
.slide{display:none;position:relative;position:relative;z-index:8;}
.slide img{width: 100%;height: auto;}
.slide a{display:block;cursor:pointer;}


/*关于我们*/
.index_about{width: 100%; height: 650px; background: url(../images/index_about.png) no-repeat top center; background-size: contain; position: relative;}

.index_about .s_width{width: 80%; margin: 0 auto; min-width: 1200px; padding: 70px 0 0;}

.about_tu{width: 47%; height: 550px; border-radius: 0 20px 20px 0; overflow: hidden; box-shadow: 10px 10px 30px rgba(0,0,0,.3); position: absolute; z-index: 100; left: 0; top: -60px; display: flex; justify-content: center;}
.about_tu img{height: 100%;}

.about_nr{width: 43%; margin-right: 7%;}
.about_nr p{font-size: 16px; font-family: Arial; line-height: 32px; color: #666; margin: 0 0 12px; text-align: justify;}

.about_an{width: 140px; height: 40px; border-radius: 10px; border: 1px #e60012 solid; text-align: center; margin-top: 30px; margin-right: -16%;}
.about_an a{ display: block; font-size: 18px; font-family: Arial; line-height: 40px; color: #e60012; text-transform: uppercase;}


/*自定义*/
.content {width: 100%; height: 1000px; background: url(../images/content.jpg) no-repeat center; background-attachment: fixed; overflow: hidden;}
.content .s_width{width: 80%; margin: 80px auto; min-width: 1200px; display: flex; justify-content: space-between;}

.zdy_zu01{width: 48.5%;}
.zdy_zu01 dl{margin: 100px 0 20px 0;}
.zdy_zu01 dl img{width: 100%; }
.zdy_ys01{height: 420px; border-radius: 0 20px 20px 0; overflow: hidden;}
.zdy_ys01 img{height: 100%;}

.zdy_zu02{width: 48%; margin-top: 40px;}
.zdy_ys02{height: 300px; border-radius: 20px 0 0 20px; overflow: hidden;}
.zdy_ys02 img{height: 100%;}

.zdy_yd{display: flex; justify-content: space-around; margin: 130px 0 80px;}
.zdy_yd dl {text-align: center;}
.zdy_yd dl h3 {font-size: 24px; color: #fff; font-weight: normal; transition-duration: .3s; margin: 20px 0 10px;}
.zdy_yd dl p {font-size: 16px; color: #fff; text-transform: uppercase;}

.zdy_tel{display: flex; justify-content: center; align-items: center;}
.zdy_tel p{font-size: 50px; color: #fff; font-family: Impact; margin-left: 10px;}


/*产品分类*/
.index_cage{width: 30%;}
.tupian_zz{margin: 120px 0 0 0;}
.tupian_zz ul{display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; position: relative;}
.tupian_zz li{width: 50%; height: 50px; line-height: 50px; border: 1px #464646 solid; box-sizing: border-box; border-radius: 50px; cursor: pointer; text-align: center; position: relative; margin: 0 30px 30px 0; overflow: hidden;}
.tupian_zz li:nth-child(2n){margin-right: 0;}
.tupian_zz li:after{position: absolute; z-index: 0; bottom: 0; content: ""; display: block; width: 0; height: 100%; background: #e60012; transition-duration: .3s;}
.tupian_zz li:hover:after{width: 100%;}
.tupian_zz li .fenlei p{font-size: 18px; color: #464646; transition: all .3s; position: relative; z-index: 1;}
.tupian_zz li:hover{border: 1px #e60012 solid; transition-duration: .3s;}
.tupian_zz li:hover .fenlei p{color: #fff; font-weight: bold; transition-duration: .3s;}

@media only screen and (max-width: 1679px){
	
}
@media only screen and (max-width: 1670px){
	
}
@media only screen and (max-width: 1440px){
	
}
@media only screen and (max-width: 1260px){
}


/*产品展示*/
.product_index{width: 100%; height: 890px; background: url("../images/product_index.jpg") no-repeat top center; overflow: hidden; position: relative;}
.product_index .s_width{width: 80%; margin: 70px auto 0 auto; min-width: 1200px; display: flex; justify-content: space-between; /*align-items: center;*/}

.pro_bt_zu{margin-bottom: 36px;}
.pro_bt_zu span{display: block; font-size: 40px; font-family: Arial; color: #464646; margin-left: 120px; margin-bottom: -8px; font-weight: bold;}
.pro_bt_zu h2{font-size: 60px; color: #e60012; font-weight: normal;}

.pro_r{width: 70%; display: flex; flex-wrap: wrap; position: absolute; z-index: 150; right: 0; margin-top: 40px;}
.marquee2{overflow: hidden; padding-bottom: 20px;}
.marquee2 ul{}
.marquee2 li{float: left; margin: 0 80px 0 0; width: 800px; height: 600px; background: #fff; position: relative; overflow: hidden; border-radius: 20px; box-shadow: 10px 10px 20px rgba(0,0,0,.3);}

.pic{}
.pic a{display: block; position:relative; display: flex; justify-content: center;}
.pic img{width: 100%; transition:0.5s ease; -moz-transition:0.5s ease; -webkit-transition:0.5s ease;}
.marquee2 li:hover .pic img{ransform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.cover_pic{width: 100%; height: 100%; background: rgba(0,0,0,.5); position: absolute; z-index: 200; bottom: -600px; display: flex; justify-content: center; align-items: center; transition: all 0.3s;}
.cover_pic a{display: block; text-align: center;}
.cover_pic a h5{font-size: 24px; color: #fff;}
.cover_pic a i{display: block; width: 120px; height: 40px; background: #e60012; color: #fff; font-size: 16px; line-height: 40px; font-family: Arial; margin: 20px auto 0 auto; position: relative; border-radius: 50px;}
.marquee2 li:hover .cover_pic{bottom: 0;  }

.pro_jiantou{display: flex; margin-top: 30px;}
.pro_jiantou_l,.pro_jiantou_r{width: 35px; height: 35px; border-radius: 50%; overflow: hidden; background: url("../images/pro_jiantou_l.png") no-repeat; cursor: pointer;}
.pro_jiantou_r{width: 35px; height: 35px; border-radius: 50%; overflow: hidden; background: url("../images/pro_jiantou_r.png") no-repeat; cursor: pointer;}

@media only screen and (max-width: 1440px){
    .product_index{height: auto; padding-bottom: 60px;}
    .pro_r{margin-top: 60px;}
	.marquee2{width: 1200px;}
    .marquee2 li{width: 560px; height: 420px; margin: 0 40px 0 0;}
    .pic{height: 100%; display: flex;}
    .pic img{width: auto; height: 100%;}
}
@media only screen and (max-width: 1260px){
    .product_index{height: auto; padding-bottom: 60px;}
    .pro_r{margin-top: 60px;}
	.marquee2{width: 1200px;}
    .marquee2 li{width: 560px; height: 420px; margin: 0 40px 0 0;}
    .pic{height: 100%; display: flex;}
    .pic img{width: auto; height: 100%;}
}


/*indext_new*/
.indext_new{width: 100%; height: 900px; background: url(../images/indext_new.jpg) no-repeat top center; overflow: hidden;}
.indext_new .s_width{width: 80%; margin: 70px auto 0 auto; min-width: 1200px; display: flex; justify-content: space-between; align-items: center;}
.indext_new_nr{width: 80%; min-width: 1200px; background: #fff; margin: 30px auto; display: flex; justify-content: center; overflow: hidden;}
.index_wenzhang01{width: 24.961%; overflow: hidden; display: flex; justify-content: center;}
.index_wenzhang01 img{height: 100%; transition: 0.5s ease; -moz-transition:0.5s ease; -webkit-transition:0.5s ease;}
.index_wenzhang01:hover img{ransform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.index_wenzhang02{width: 75.039%;}
.index_wenzhang02 ul{}
.index_wenzhang02 ul li{height: 280px;}
.index_wenzhang02 ul li .se_pro_t_laa{height: 280px;}
.index_wenzhang02 ul li:first-child .se_pro_t_laa a:first-child{ width: 32%; float: left; height: 100%; display: block; overflow: hidden; display: flex; justify-content: center;}
.index_wenzhang02 ul li:first-child  .se_pro_t_laa a:last-child{ width: 68%; float: right; display: block; background: url(../images/indext_new01.jpg) no-repeat center; height: 100%; overflow: hidden;}

.index_wenzhang02 ul li:last-child .se_pro_t_laa a:first-child{ width: 32%; float: right; height: 100%; display: block; overflow: hidden; display: flex; justify-content: center;}
.index_wenzhang02 ul li:last-child  .se_pro_t_laa a:last-child{ width: 68%; float: left; display: block; height: 100%; overflow: hidden;}

.index_wenzhang02 ul li .se_pro_t_laa a img{height: 100%; transition:0.5s ease; -moz-transition:0.5s ease; -webkit-transition:0.5s ease;}
.index_wenzhang02 ul li:hover .se_pro_t_laa a img{ransform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.index_wenzhang02 ul li .se_pro_t_laa a .new_nr{width: 76%; height: 280px; margin: 80px auto;}
.index_wenzhang02 ul li .se_pro_t_laa a .new_nr div{display: flex; justify-content: space-between; align-items: center;}
.index_wenzhang02 ul li .se_pro_t_laa a .new_nr div em{font-size: 24px; font-weight: bold; display: block; transition: all .3s;}
.index_wenzhang02 ul li:first-child .se_pro_t_laa a .new_nr div em{color: #fff;}
.index_wenzhang02 ul li:last-child .se_pro_t_laa a .new_nr div em{color: #464646;}
.index_wenzhang02 ul li .se_pro_t_laa a .new_nr div span{font-size: 16px; color: #e60012; font-weight: bold; display: block;}

.index_wenzhang02 ul li .se_pro_t_laa a .new_nr i{display: block; height: 1px; background: #e60012; margin: 16px 0 20px;}
.index_wenzhang02 ul li .se_pro_t_laa a .new_nr p{font-size: 14px; line-height: 24px; color: #fff; text-align: justify;}
.index_wenzhang02 ul li:first-child .se_pro_t_laa a .new_nr p{color: #fff;}
.index_wenzhang02 ul li:last-child .se_pro_t_laa a .new_nr p{color: #929292;}


/*底部*/
.footer{width: 100%; height: 610px; background: url(../images/footer.jpg) no-repeat top center; overflow: hidden;}

.f_nav{width: 80%; height: 140px; margin: 40px auto 0 auto; min-width: 1200px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px rgba(146,146,146,.5) solid;}
.f_nav div{}
.f_nav div img{}

.f_nav ul{width: 65%; display: flex; justify-content: space-between;}
.f_nav ul li{}
.f_nav ul li a{font-size: 18px; color: #ccc; line-height: 140px; transition: all .3s;}
.f_nav ul li a:hover{color: #e6bd7f;}

.f_zhong{width: 80%; height: 320px; margin: 0 auto; min-width: 1200px; display: flex; justify-content: space-between; align-items: center; /*padding-top: 45px;*/ border-bottom: 1px rgba(146,146,146,.5) solid;}

.f_contact{width: 80%; display: flex; justify-content: space-between;}
.f_contact .f_con_l{}
.f_contact p{font-size: 16px; color: #ccc; line-height: 32px; margin-top: 5px;}
.f_contact .f_con_r{}
.f_contact .f_con{width: 44.996%; display: flex; align-items: center;}
.f_contact .f_con img{width: 100%;}

.f_ditu{display: flex; align-items: center;}
.f_ditu div{font-size: 18px; color: #fff; text-align: center;}

.footer_p{width: 100%; height: 110px; font-size: 16px; line-height: 110px; color: #929292;}
.footer_p .s_width{width: 80%; margin: 0 auto; min-width: 1200px;}

@media only screen and (min-width: 1441px){
	
}
@media only screen and (max-width: 1440px){
	
}
@media only screen and (max-width: 1260px){
	
}


/*侧边栏*/
.t_left{ width: 265px; margin: 0 0 30px 0;}
.t_left .fenlei{ border: 1px solid #eee; border-radius: 15px; overflow: hidden;}
.t_left .fenlei h2{color: #fff; font-size: 35px; line-height: 45px; background: #e60012; padding: 30px 20px; width: 223px; height: 80px;}
.t_left .fenlei h2 span{font-size: 24px; line-height: 35px;;font-weight: normal;text-transform:uppercase;color:#fff;display: block;}
.t_left .fenlei li{text-align:left; }
.t_left .fenlei li .fl_li_b{line-height: 60px; color: #333; font-size: 16px; padding: 0 0 0 40px; display: block; border-bottom: 1px solid #eee; transition: all .3s; position: relative;}
.t_left .fenlei li .fl_li_b:hover{text-decoration: none; color: #fff; font-weight: bold; background: #e60012 17px 23px;}
.t_left .fenlei li .hid{width: 220px; margin: 0 auto}
.t_left .fenlei li .hid a{display:block; padding:0 0 0 50px; height:40px; line-height:40px; color: #777; font-size:15px; border-bottom:1px dashed #e2e2e2; }
.t_left .fenlei li .hid a:hover{color: #ff0000;}
.t_left .fenlei li div{line-height: 40px;}

.contact{margin:15px 0 0 0; border: 1px solid #eee; border-radius: 15px; overflow: hidden;}
.contact h2{color: #fff; font-size: 24px; background: #e60012; height: 65px; line-height: 65px; text-align: center;}
.contact h2 a{color:#fff;}
.contact h2 a:hover{ color:#fff;}
.contact h2 a span{ font: 16px Arial; padding:0 0 0 15px; text-transform:uppercase;color:#fff;}
.contact p{ line-height:28px; padding:30px 10px 30px 10px; color:#444; font-size:14px;}
.contact p strong{ font-size:16px; line-height:38px; }

.row{width: 80%; margin-left: 2%;}


/*企业简介内页*/
.ny_banner{width: 100%; height: auto;}
.ny_banner img{width: 100%;height: auto;}

.espcms_path{border-bottom: 1px solid #E0E0E0;padding:10px 10px;margin: 0px;}
.breadcrumb {padding: 8px 15px;margin-bottom: 20px;list-style: none;}
.breadcrumb > li + li:before {padding: 0 5px;color: #ccc;content: "/\00a0";}
.breadcrumb > li {display: inline-block;}

.ny_gsm{text-align: center; color: #363636; margin: 40px 0 20px 0;}
.ny_gsm h2{font-size: 42px; color: #464646; margin-bottom: 10px;}
.ny_gsm span{font-size: 16px; font-family: Arial; color: #c7c7c7; display: block; text-transform: uppercase;}
.ny_gsm i{width: 30px; height: 1px; background: #999999; margin: 20px auto 30px auto; display: block;}


.espcms_content{line-height: 200%;}
.espcms_content p{font-size: 16px;text-align: justify;margin: 0 0 10px;text-indent: 2em; color: #808080;}
.espcms_content p img{display: block;text-indent: 0;}

.espcms_page_book{padding-top:25px;padding-bottom:25px;}
.container {width: 80%; margin: 0 auto; min-width: 1200px; display: flex; justify-content: space-between;}
.container {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}

.nyabout{width: 100%; height: 500px; background: url("../images/nyabout.jpg") no-repeat center; display: flex; justify-content: center; align-items: center; position: relative; margin: 30px 0; overflow: hidden;}
.nyabout_nr{position: absolute; z-index: 10; text-align: center; margin-top: 10px;}
.nyabout_nr p{font-size: 30px; color: #fff;}
.nyabout_nr span{font-size: 18px; color: #fff;}


/*index_cage_ny*/
.index_cage_in_n{margin: 0 auto; display: flex; justify-content: space-between;}
.index_cage_in_n a{text-align: center; font-size: 18px; font-weight: bold;}
.index_cage_in_n a img{width: 140px; border-radius: 50%; border: 5px #ececec solid;}
.index_cage_in_n a p{color: #666666; margin: 10px 0 30px 0;}


/*产品展示内页*/
.se_nypro_con{overflow: hidden; margin: 30px auto;}
.se_nypro_con ul{display: flex; justify-content: flex-start; -webkit-justify-content: flex-start; flex-wrap: wrap; -webkit-flex-wrap: wrap;}
.se_nypro_con li{width: 48%; margin: 0 2% 20px 0; position: relative; overflow: hidden; background: #fff; border: 1px #dcdcdc solid; box-sizing: border-box;}
.se_nypro_con li:nth-child(2n){margin-right: 0;}
.se_nypro_con li a{overflow: hidden; display: block;}
.se_nypro_con li a img{width: 100%; transition: 0.4s ease; -moz-transition: 0.4s ease; -webkit-transition: 0.4s ease;}
.se_nypro_con li:hover img{transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.se_nypro_con li div{width: 80%; margin: 24px auto; display: flex; justify-content: space-between; align-items: center;}
.se_nypro_con li div p{font-size: 20px; color: #575757; cursor: pointer;}
.se_nypro_con li div span{font-size: 20px; color: #828282; display: block; cursor:pointer; text-transform: uppercase;}
.se_nypro_con li div p:hover{font-weight: bold; color: #e60012; transition-duration: .3s;}
.se_nypro_con li div span:hover{font-weight: bold;}

/*图片阅读*/
.espcms_info_pager{border-top: 0px solid #E0E0E0;padding-top:15px;}
.pager {padding-left: 0;margin: 20px 0;text-align: center;list-style: none;}
.pager li {display: inline;}
.pager li > a,
.pager li > span {display: inline-block;padding: 5px 14px;background-color: #fff;border: 1px solid #ddd;border-radius: 15px;}
.pager li > a:hover,
.pager li > a:focus {text-decoration: none;background-color: #eee;}
.pager .next > a,
.pager .next > span {float: right;}
.pager .previous > a,
.pager .previous > span {float: left;}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {color: #777;cursor: not-allowed;background-color: #fff;}
.espcms_pic_content{padding:15px 0px;}
.espcms_pic_content > .row{margin: 0px -10px 0px -10px;}
.espcms_pic_content > .pic_title_info > .pic_attribute_show > .pic_name{padding-top: 10px;}
.espcms_pic_content > .pic_title_info > .pic_attribute_show > .pic_name > h1{font-size:25px;margin: 0px;padding:0px;}
.espcms_pic_content > .pic_title_info > .pic_attribute_show > .pic_info{padding-top:15px;}
.espcms_pic_content > .pic_title_info > .pic_attribute_show > .pic_intro{padding-top:5px;line-height: 180%;color:#9E9E9E}
.espcms_pic_content > .pic_title_info > .pic_attribute_show > .pic_price{padding-top:10px;}
.espcms_pic_content > .pic_title_info > .pic_attribute_show > .pic_price > span{font-size:18px;color:#EF6C00}
.espcms_pic_content > .pic_title_info > .pic_attribute_show > .pic_price > del{padding-left:10px;font-size:14px;color:#1976D2}
.espcms_pic_content > .pic_title_info > .pic_attribute_show > .pic_bottom{padding-top:20px;}

.pic_samll_show{max-height:320px;overflow: hidden;}
/*相册*/
.espcms_pic_content > .photo_list_info{margin: 10px 0px;}
.espcms_pic_content > .photo_list_info > .panel-heading > h3{margin: 0px;padding:5px 0px;font-size:16px;font-weight: bold;}
/*内容*/
.espcms_pic_content > .pic_content{margin: 10px 0px;}
.espcms_pic_content > .pic_content > .panel-heading > h3{margin: 0px;padding:5px 0px;font-size:16px;font-weight: bold;}
.espcms_pic_content > .pic_content > .panel-body{line-height: 180%;padding:15px;}
.espcms_link_pic{padding-top:0px;padding-bottom:0px;}

.espcms_pro_title{float: right; width: 48%; overflow: hidden;}
.espcms_pro_title h1{font-size: 40px; font-weight: bold; line-height: 80px; color: #e60012; margin: 30px 0 10px 0;}
.espcms_pro_title .espcms_priceclass{color: #ff9000; font-weight: bold; font-size:14px;}
.espcms_pro_title dd{padding: 14px 0px 8px 0;color: #7a7a7a; border-bottom: 1px solid #dedede; line-height: 33px;}
.espcms_pro_title .dd_padding{padding: 10px 0px; line-height: 33px; border-bottom: 1px solid #dedede;}
.espcms_pro_title dt{ color: #7a7a7a;}
.espcms_pro_title p{width: 120px; height: 40px; line-height: 40px; background: #e60012; text-align: center;  margin-top:10px;}
.espcms_pro_title p a{color:#fff; display: block; margin-top: 35px;}
.espcms_pro_title p:hover{background: #e6bd7f;}
.espcms_pro_title img{margin-top: 30px;}
.espcms_pro_pic{float: left; width: 50%; overflow: hidden; border-radius: 10px;}
.espcms_pro_pic img{width: 100%;}
.espcms_book{overflow: hidden; font-size: 15px; margin-bottom: 30px; border: 1px solid #eee; padding: 20px; background: #fff; border-radius: 5px;}

.espcms_page{overflow: hidden; }

.espcms_page_right{padding-bottom:25px;overflow: hidden; }

caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{}
.f14{font-size:14px;}

img {border: 0 none; height: auto; vertical-align: middle; }

.miaoshu{line-height:55px; background:#eee; border-radius: 10px;}
.miaoshu span{width:150px; background:#e60012; display:block; text-align:center; text-indent: 0; font-weight:bold; font-size:18px;color: #fff; border-radius: 10px;}

a.infolist2 {color: #656565;text-decoration: none;} a:visited.infolist2 {color: #656565;text-decoration: none;} a:hover.infolist2 {color: #e60012;text-decoration: underline;}

.espcms_newslist_read{padding:0px 5px;}
.espcms_newslist_read li{float: left;width:48%;padding:0px 0px 5px 8px;overflow: hidden;}

.lh33{line-height:33px;}
.lh33 img{width: 800px;}
.lh33 p{padding: 0 10px;text-align: justify;}
.se_erji_img{}
.se_erji_img img{width: auto; margin:0 auto}

/*xiangguanneirong*/
.espcms_piclist_slide18 {overflow: hidden;margin: 0 auto; width: 100%;}
.espcms_piclist_slide18 ul li{float: left;margin: 0 10px 5px 0;text-align: center;background:#fff; border-radius: 10px; overflow: hidden; position:relative;}
.espcms_piclist_slide18 li .pic { width:238px; height:auto; margin:0 auto; border: 1px #f3f4f7 solid;}
.espcms_piclist_slide18 li  .pic img { width:238px; height:180px;}
.espcms_piclist_slide18 li  p{ text-align:center; line-height:44px; font-size:14px;z-index:99;position:relative; background:#ececec }
.espcms_piclist_slide18 li  p a{ color:#444; font-size:14px;}
.espcms_piclist_slide18 li  p a:hover{ color:#fff}
.espcms_piclist_slide18 li .case_more{ width:60px; margin:0 auto; height:18px; line-height:18px; text-align:center; color:#a9a9a9; font-size:12px; text-transform:uppercase; border:1px solid #604a32;z-index:99;position:relative}
.espcms_piclist_slide18 li .case_more a{ color:#604a32;}
.espcms_piclist_slide18 li .case_more div a{ color:#a9a9a9;}
.pro_btm_arrow {background: #e60012;line-height:40px;color:#fff;}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .espcms_piclist_slide18{width: 911px;} 
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .espcms_piclist_slide18{width: 911px;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    
}
@media (max-width: 767px) {
    
}


/*工程案例内页*/
.se_case_con{overflow:hidden; position:relative;}
.se_case_con li{float:left; position:relative; width: 32%; overflow:hidden; margin: 0 2% 20px 0; cursor:pointer;}
.se_case_con li:nth-child(3n){margin: 0 0 20px 0;}
.se_case_con em{font-style: normal; text-align:center; line-height:48px; width:415px; display:block; position:absolute; font-size:20px; color:#fff; font-weight:bold; z-index:3; bottom:0;  right:0}
.se_case_con .old{ margin:0 auto; background:#f7f3f2; position:relative}
.se_case_con .cp_k{position:absolute; line-height:85px; background:rgba(170,30,20,0.6); bottom:0; width:100%; color:#fff; font-size:15px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.se_case_con .cp_k a{ line-height: 50px; color: #fff; font-size: 20px; display: block; text-align: center;}
.se_case_con .cp_k a:hover{font-size: 20px;color: #FFFFFF;}
.se_case_con .cp_m{ width:100%; position:relative; overflow:hidden;}
.se_case_con .cp_m img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_case_con li:hover .cp_m img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.se_date{font-size:15px; color:#666}

/*新闻查看*/
.espcms_news_title{padding:0 0 50px 0;text-align: center;margin: 0px auto; color:#333;}
.espcms_news_title h1{ line-height:90px; font-size:36px; color: #e60012;}

.title_product{height:40px;line-height: 40px;margin: 0 auto;}
.title_product p{font-size: 15px;color: #666;}
.add_dizhi{position: absolute;margin: 0 auto;left: 0;right: 0;font-size: 16px;text-align: right;bottom:20px;font-weight: bold;color: #fff;text-shadow:2px 2px 2px #666;}
.add_dizhi a{color: #fff;}
.dituaa{width: 100%;overflow: hidden;}
.abou_nyjj{margin: 0 auto;padding:26px 0;color: #666;}
.abou_nyjj p{font-size: 18px;line-height: 33px;margin: 10px 0;text-indent: 2em;}


/*联系我们内页*/
.map{width:100%; overflow:hidden;}
.ny_contact{margin: 50px auto 0 auto;}
.ny_lianxi{width: 50%;}
.ny_lianxi strong{font-size: 36px; font-weight: bold; color: #e60012; display: block; margin-bottom: 20px;}
.ny_lianxi p{font-size: 18px; line-height: 44px; color: #666;}
.ny_conimg{margin-bottom: 30px;}

.nycontact{height: 500px; background: url("../images/nycontact.jpg") no-repeat center; display: flex; justify-content: center; align-items: center; position: relative; margin: 30px 0;}
.nycontact_nr{position: absolute; z-index: 10; text-align: center; margin-top: 10px;}
.nycontact_nr p{font-size: 30px; color: #fff;}
.nycontact_nr span{font-size: 18px; color: #fff;}


/*neiye_newlist*/
.se_news_con{}
.se_news_con ul{}
.se_news_con li{margin-bottom:15px;position:relative; overflow:hidden; cursor: pointer;position:relative; top:0; padding:25px 0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; border-bottom: 1px solid #eee}
.se_news_con li:hover { /*background: #e60012;*/ top:30px; border-radius: 15px;}
.se_news_da{margin:0 auto}
.se_news_l{width:28%; position:relative; overflow:hidden; margin-left: 25px;}
.se_news_l img{width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_news_l:hover img{transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.se_news_r{width: 66%; position: relative; z-index: 2; padding: 0 20px 0 0}
.se_news_r span{display:block; line-height:35px; font-size:14px; color:#888; padding:0 0 0 20px;}
.se_news_r h2{font-size:14px; color: #666666; padding:5px 0 10px 0; font-weight:normal;}
.se_news_r h2 a{font-size:23px; color:#333; text-transform:uppercase; display:block; line-height:50px;transition:all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s;}
.se_news_r h2 a:hover{color: #e60012;}
.se_news_r p{ line-height:28px; color:#777; padding:10px 0 10px 0; font-size:15px;}
.se_news_r .se_news_more{width:120px; border:1px solid #e60012; line-height:30px; text-align:center; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.se_news_r .se_news_more a{color: #e60012; font-size:14px;}
.se_news_r .se_news_more a:hover{ color:#fff; }
.se_news_con li:hover .se_news_more{ background:#e60012; border:1px solid #e60012; }
.se_news_con li:hover .se_news_more a{ color: #fff; }
.se_news_con li:hover .se_news_r h2 a{ color:#e60012; }
/*.se_news_con li:hover .se_news_r h2{ color:#e60012; }*/
/*.se_news_con li:hover .se_news_r p{ color:#e60012; }*/
.main{margin:30px auto 0 auto}

.fenye{padding:20px 0; font-size:14px;}

/*neiye_new*/
.ny_newsnr{margin: 0 auto;}
.ny_newsnr h1{text-align: center;font-size:24px;line-height:57px;margin-top: 28px;}
.ny_newsnr .se_date{text-align: center;font-size:16px;line-height:32px;color: #666;}
.ny_news_txt{font-size:18px;margin: 26px 0;line-height:32px;padding:30px;border: 1px solid #E0E0E0;}
.ny_news_txt p{margin-bottom: 10px;}
.ny_news_txt p img{display: block;max-width:800px;height: auto;margin:0 auto;}
.xiangqing_fanye ul li{width:50%;height: 50px;line-height: 50px;float:left;font-size: 16px;}
.xiangqing_fanye{margin:15px auto;border: 1px solid #E0E0E0;}

/*neiye_pro*/
.ny_right{width: 990px;margin-top: 36px;}
.nypro_pic{width:600px;height:450px;margin-bottom: 26px;}
.nypro_pic img{width: 100%;height: auto;margin: 0 auto;}
.nypro_title{width: 340px;}
.cpdianhua{background: url("../images/cpdianhua.jpg") no-repeat top left;width:340px;height: 300px;}


.ser_lc {width:90%; padding: 0 0 40px 0; overflow: hidden;margin: 0 auto;margin-bottom: 60px;;}
.ser_lc h3 { font-size: 40px; margin: 40px 0 10px 0; color: #636b64; text-align: center; }
.ser_lc p { text-align: center; font-size: 15px; margin-bottom:32px; }
.ser_lc h4 { color: #000; font-weight: 600; font-size: 17px; padding: 4px 10px; width: 63%; margin: 15px auto 0; text-align: center; }
.ser_lc li { float: left; width:16.66%; background: url("../images/lc_line.png") no-repeat right 44%; }
.ser_lc li:last-child{background:rgba(0,0,0,0);}
.ser_lc li:hover{animation: dou 0.5s linear;}
.ser_lc li img { display: block; width:40%; margin: 0 auto; text-align: center; }
.strength{width: 90%;margin:30px auto}
.strengthMain{overflow:hidden;}
.strengthMain li{float:left;width:49%;overflow:hidden;background:#000;position:relative;margin:0.5%;}
.strengthMain li img{width:100%;height:auto;transition:all .5s;opacity:0.4;filter:alpha(opacity=40);}
.strengthMain li .font{width:80%;height:45%; top:0;left:0;position:absolute;color:#fff;text-align:center;font-size:16px;padding: 10%; padding-top:20%;}
.strengthMain li:hover img{transform: scale(1.05, 1.05);}
.strengthMain li .font::before,.strengthMain li .font::after{position:absolute;content:'';opacity:0;transition:all 0.5s;}
.strengthMain li .font::before{top:25px;right:15px;bottom:25px;left:15px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
.strengthMain li .font::after{top:15px;right:25px;bottom:15px;left:25px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;}
.strengthMain li:hover .font::before,.strengthMain li:hover .font::after{opacity:1;transform:scale(1);transition: all 0.5s;}