@font-face {
    font-family:'monoton';
    src: url('../images/fonts/MONOTON-REGULAR.eot') format('embedded-opentype'),
         url('../images/fonts/MONOTON-REGULAR.ttf') format('truetype'),
         url('../images/fonts/MONOTON-REGULAR.svg') format('svg'),
         url('../images/fonts/MONOTON-REGULAR.woff') format('woff'), 
         url('../images/fonts/MONOTON-REGULAR.woff2') format('woff2');
}
@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%; font-size: 14px; font-family: "Microsoft Yahei";}
*{ margin:0; padding:0;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:#ff9600;}
.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;  margin: 20px 0;}
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,blockquote,th,td{margin:0;padding:0;}
table{}
blockquote { border-left: 5px solid #eee; margin: 10px; padding: 10px; }
/*首字母*/
.firstletter:first-letter{ font-size:200%;}
/* 解决固定层在IE6下闪的问题 */
html{ background-image:url(about:blank);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: #ff9600;border-color: #ff9600;}
.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;}


/*--search modal--*/
.modal {width: 100%; height: 80px; background: rgba(159,159,159,0.3); display: flex; align-items: center; justify-content: center;}
.modal-dialog {}
.modal-content {}
.modal-content > div {}
.modal-content input {border: none; float: left;}
.modal-content .search-logo { width: 408px; padding:80px 0 0 0; position:absolute; left:50%; margin-left:-204px; border-bottom:1px solid #5c5c5c}
.modal-content .search-logo img{}
.modal-content .search-bar {}
.modal-content .search-tab .tab { padding: 6px 20px; float: left; font-size: 24px; color: #fff; cursor: pointer; }
.modal-content .search-tab .on { background: #fff; color: #58c259;}
.modal-content .tab-panel { display: none; }
.modal-content .on { display: block; }
.modal-content .search-bar .search-keywords { margin-top: 2px; border-radius: 6px; overflow: hidden; }
.modal-content .search-bar .keywords {padding-left: 10px; width: 1185px; height: 50px; line-height: 50px; font-size: 14px;}
.modal-content .search-bar input[type="submit"] {width: 70px; height: 50px; line-height: 50px; text-align: center; font-size: 14px; color: #fff; cursor: pointer; margin-left:15px; background: #58c259 url(../images/se.png) no-repeat center center;}
.modal-content .search-close {width:60px; height:60px; cursor: pointer; transition:.4s all; display:block; position:absolute; right:0; top:0;}
.modal-content .search-close:hover{color: #fff; transform: rotate(360deg); -webkit-transform: rotate(360deg);}
.modal-open {overflow: hidden; padding-right: 17px; }


/*导航*/
.dingbu{background: url("../images/bg-index.png") center top no-repeat; padding: 0 0 36px 0; min-width: 1200px;}


.english{width: 80%; height: 40px; background: linear-gradient(to right, #22496a 0%,#ff9600 100%); display: flex; justify-content: space-between; align-items: center; margin: 0 auto; min-width: 1200px;}
.english span{color: #fff; font-size: 14px; line-height: 40px; margin-left: 30px;}
.english h4{font-weight: normal; display: flex; justify-content: space-between; margin-right: 30px;}

.nav{width: 80%; height: 110px; background: #fff; box-shadow: 0 8px 8px rgba(0,0,0,0.2); border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; margin: 0 auto; min-width: 1200px;}
.nav .s_width{display: flex; justify-content: space-between; position: relative; z-index: 10;}
.nav_logo{display: flex; align-items: center; margin-left: 30px; margin-right: 5%;}
.nav_logo img{width: 100%; }
.nav .nav_lanmu{width: 60%; display: flex; justify-content: space-between; margin-right: 30px;}
.nav li{position: relative; z-index: 10; text-align: center;}
.nav li a{font-size: 16px; line-height: 110px; color: #666666; display: block;} 
.nav li:hover a{color: #22496a; transition: all .3s;}
.nav li a:before{position: absolute; z-index: -1; content: ""; display: block; width: 0; height: 3px; background: linear-gradient(to right, #ff9600 0%,#22496a 100%); bottom: 24px; transition: all .3s;}
.nav li a:hover:before{width: 100%;}

.subnav{position: absolute; z-index: 100; left: -80%; top: 110px;}
.investor-subnav{width: 150px; padding: 10px; background: rgba(0,0,0,0.7); }
.investor-subnav ul{width: 150px; display: flex; flex-wrap: wrap;}
.investor-subnav .text{width: 150px; cursor: pointer; text-align: center; font-size: 15px; color: #fff; line-height: 40px;}
.investor-subnav .text a{display: block; color: #fff;}
.investor-subnav .text:hover{background: #ff9600;}

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


/*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: 5px; left: 0; text-align: center;}
.item a{display: inline-block; width: 16px; height: 16px; margin-right: 10px; background: #ff9600; opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=60); overflow: hidden; border-radius: 50%;}
.item a.cur{background: #22496a;}
.slide-box,.slide{display: block; width: 84.725%; height: auto; margin: 0 auto; padding-top: 16px; min-width: 1200px;}
.slide-box{position: relative; overflow: hidden;}
.slide{display: none; position: relative; z-index: 2;}
.slide img{width: 100%;height: auto;}
.slide a{display:block;cursor:pointer;}

.fenlei_bt{width: 80%; margin: 100px auto 0 auto; text-align: center; min-width: 1200px;}
.fenlei_bt span{font-size: 80px; font-family: monoton; color: rgba(255,255,255,0.1); display: block; text-transform: uppercase;}
.fenlei_bt h2{font-size: 40px; color: #ff9600; margin-top: -75px;}
.fenlei_bt p{font-size: 16px; color: #fff; margin-top: 20px;}


/*产品分类*/
.tupian_zz{width: 80%; margin: 30px auto 0 auto; min-width: 1200px;}
.tupian_zz ul{display: flex; justify-content: space-between; align-items: flex-end;}
.tupian_zz li{cursor: pointer; text-align: center; position: relative;}
.tupian_zz li p{font-size: 24px; color: #fff; font-weight: bold;}
.tupian_zz li img{transition: 0.4s ease; -moz-transition: 0.4s ease; -webkit-transition: 0.4s ease;}
.tupian_zz li:hover img{transform: scale(1.08,1.08); -moz-transform: scale(1.08,1.08); -webkit-transform: scale(1.08,1.08);}
.tupian_zz li p:before{position: absolute; z-index: 1; content: ""; display: block; width: 1px; height: 136px; background: url(../images/cut-hot.png) no-repeat; right: -30%; bottom: 24%;}
.tupian_zz li:nth-child(2) p:before{right: -18%;}
.tupian_zz li:nth-child(3) p:before{display: none;}

@media only screen and (max-width: 1902px){
	.tupian_zz li p:before{right: -20%;}
    .tupian_zz li:nth-child(2) p:before{right: -10%;}
}
@media only screen and (max-width: 1440px){
	.tupian_zz li p:before{right: -10%;}
    .tupian_zz li:nth-child(2) p:before{right: -5%;}
}


/*产品展示*/
.product_index{width: 100%; }

.pro_bt{width: 900px; background: url(../images/pro_bt.png) no-repeat center; margin: 80px auto 0 auto; text-align: center; height: 120px; position: relative; display: flex; align-items: flex-end; justify-content: center;}
.pro_bt span{font-size: 80px; font-family: monoton; color: rgba(255,150,0,0.2); display: block; text-transform: uppercase; position: absolute; left: 0; right: 0; top: -28px;}
.pro_bt h2{font-size: 40px; color: #22496a;}

.marquee2{width: 80%; overflow: hidden; margin: 70px auto; min-width: 1200px;}
.marquee2 ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.marquee2 ul li{width: 30%; position: relative; margin-bottom: 60px;}
.marquee2 ul li:before{content: "";display: inline-block;position: absolute;left: -30px;top: -30px;width: 100%;height: 90%;background: url(../images/dot-show.png);z-index: -1;}
.marquee2 ul li > a{display: block;overflow: hidden; border: 1px #eee solid;}
.marquee2 ul li a img{width: 100%; -webkit-transition:.5s;-moz-transition:.5s; -ms-transition:.5s;-o-transition:.5s;transition:.5s;}
.marquee2 ul li a img:hover{-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);transform:scale(1.05,1.05);}
.marquee2 ul li h3{margin: 15px 0; text-align: center;}
.marquee2 ul li h3 a{color: #464646;font-size: 24px;font-weight: bolder;}
.marquee2 ul li h3 a:hover{color: #ff9600; transition: all .3s;}
.marquee2 ul li h3 a:after{content: '';display: inline-block;width: 45px;height: 37px;background: url(../images/good-line.png) no-repeat;vertical-align: middle;margin-left: 24px;}
.marquee2 ul li p{color: #6E757C;font-size: 16px;line-height: 36px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-align: center;}
.marquee2 ul li p span{display: inline-block; width: 59px;height: 36px; background: url(../images/good-bg.png) no-repeat;text-align: center;line-height: 30px;color: #fff;font-size: 12px;margin-right: 10px;}


/*关于我们*/
.indext_about{width: 100%; height: 1000px; background: url("../images/bg-case.png") center top no-repeat; overflow: hidden; position: relative; min-width: 1200px; overflow-x: hidden;}
.indext_about .fenlei_bt{margin-top: 40px;}

.case-main{position: relative; width: 80%; height: 66%; min-width: 1200px; margin: 50px auto;}
.case-main:before{content: "";display: inline-block;position: absolute;right: 0;bottom: 0;width: 90%;height: 83%;background-color: #fff;-webkit-box-shadow: 0px 8px 21px rgba(13,43,71,.13);-moz-box-shadow: 0px 8px 21px rgba(13,43,71,.13);-ms-box-shadow: 0px 8px 21px rgba(13,43,71,.13);-o-box-shadow: 0px 8px 21px rgba(13,43,71,.13);box-shadow: 0px 8px 21px rgba(13,43,71,.13);-webkit-border-radius: 60px;-moz-border-radius: 60px;-ms-border-radius: 60px;-o-border-radius: 60px;border-radius: 60px;border:none;border:1px solid #eee \9;}

.case-pic{position: relative;z-index: 0;padding-bottom: 173px;float: left; width:47%;}
.case-pic > a{display: block;position: relative;padding-top: 68%;margin: 0 5%;}
.case-pic:before{content: "";display: inline-block;position: absolute;right: 0;top: 55px;width: 96%;height:70%;-webkit-border-radius: 60px 60px 0 0;-moz-border-radius: 60px 60px 0 0;-ms-border-radius: 60px 60px 0 0;-o-border-radius:60px 60px 0 0;border-radius: 60px 60px 0 0;background: -webkit-linear-gradient(200deg, #ff9600 0%, #22496a 100%);background: -moz-linear-gradient(left, #ff9600 0%, #22496a 100%);background: -ms-linear-gradient(200deg, #ff9600 0%, #22496a 100%);background: -o-linear-gradient(200deg, #ff9600 0%, #22496a 100%);background: linear-gradient(200deg, #ff9600 0%, #22496a 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#ff9600, endColorstr=#22496a, GradientType=1 );z-index: -1;}
.case-pic >a img{position: absolute; left: 2.4%; top:0;width:100%; -webkit-border-radius: 30px 30px 0 0;-moz-border-radius: 30px 30px 0 0;-ms-border-radius: 30px 30px 0 0;-o-border-radius:30px 30px 0 0;border-radius: 30px 30px 0 0;}

.case-msgs{position: absolute; width: 100%; bottom: 0; padding: 3px 0; background: #fff; -webkit-box-shadow: 0 0 21px rgba(13,43,71,.2); -moz-box-shadow: 0 0 21px rgba(13,43,71,.2);-ms-box-shadow: 0 0 21px rgba(13,43,71,.2);-o-box-shadow: 0 0 21px rgba(13,43,71,.2);box-shadow: 0 0 21px rgba(13,43,71,.2);-webkit-border-radius: 0 30px 30px 30px;-moz-border-radius: 0 30px 30px 30px;-ms-border-radius: 0 30px 30px 30px;-o-border-radius: 0 30px 30px 30px;border-radius: 0 30px 30px 30px;}
.case-msgs ul{display: flex; justify-content: space-between; align-items: center; width: 79%; margin-left: 12%; height: 200px;}
.case-msgs ul li{border: 5px #eee solid; border-radius: 50%;}

.case-info{float:left;position: relative;width:43%;margin: 50px 3% 0 5%; }
.case-info h3{color: #ff9600;font-size: 40px;line-height:1.2;margin-bottom: 50px;}
.case-info p{font-size: 18px;line-height: 32px; color: #464646; text-overflow: ellipsis; text-align: justify; margin-bottom: 20px;}
.case-info p span{font-weight: normal;}
.case-info p img{width: 22px;height: 22px;vertical-align: middle;margin-right: 10px;}
.case-info ul{margin:40px 0 35px;}
.case-info ul li{float: left;width: 25%;text-align: center;}
.case-info ul li > a{display: block;background: url(../images/case-type.png) no-repeat bottom center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}
.case-info ul li > a img{width: 76%;height: auto;margin-bottom: 36px;-webkit-transition:.5s;-moz-transition:.5s; -ms-transition:.5s;-o-transition:.5s;transition:.5s;}
.case-info ul li:hover a img{-webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px);-o-transform: translateY(-6px); transform: translateY(-6px); }
.case-info ul li p{margin-top: 12px;}
.case-info ul li p a{display: block;font-size: 18px;line-height: 1.1;color: #2D203B;font-weight: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.case-info ul li p a:hover{font-weight: bold; }

.btn-show{position: relative;z-index: 0;line-height: 60px; text-align: center; margin-top: 5%;}
.btn-show:before{content: "";display: inline-block;position: absolute;left: 0;top: 50%;width: 12px;height: 12px;margin-top:-6px;background: url(../images/case-round.png) no-repeat;z-index: -2;}
.btn-show:after{content: "";display: inline-block;position: absolute;right: 0;top: 50%;width: 12px;height: 12px;margin-top:-6px;background: url(../images/case-round.png) no-repeat;z-index: -2;}
.btn-show i{display: block;position: absolute; z-index: -2; left: 12px; right: 12px; top: 50%; height: 1px;background-color: #22496a;}
.btn-show .btn-line{position: relative; display: inline-block;cursor: pointer; color: #fff; font-size: 16px; width: 150px; height: 50px; line-height: 50px; text-align:center;-webkit-border-radius: 40px;-moz-border-radius: 40px;-ms-border-radius: 40px;-o-border-radius: 40px;border-radius: 40px; background: -webkit-linear-gradient(200deg, #ff9600 0%, #22496a 100%);background: -moz-linear-gradient(left, #ff9600 0%, #22496a 100%);background: -ms-linear-gradient(200deg, #ff9600 0%, #22496a 100%);background: -o-linear-gradient(200deg, #ff9600 0%, #22496a 100%);background: linear-gradient(200deg, #ff9600 0%, #22496a 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#ff9600, endColorstr=#22496a, GradientType=1 );-webkit-box-shadow: 0px 5px 5px rgba(228,0,52,.13);-moz-box-shadow: 0px 5px 5px rgba(228,0,52,.13);-ms-box-shadow: 0px 5px 5px rgba(228,0,52,.13);-o-box-shadow: 0px 5px 5px rgba(228,0,52,.13);box-shadow: 0px 5px 5px rgba(228,0,52,.13);-webkit-background-size: 120% 100%;-moz-background-size: 120% 100%;-ms-background-size: 120% 100%;-o-background-size: 120% 100%;background-size: 120% 100%;background-position:left center;}
.btn-show .btn-line:before{content: "";display: inline-block;position: absolute;left: -5%;top: 48%;width: 110%;height: 5px;background-color: #fff;z-index: -1;}
.btn-show .btn-line:after{content: "";display: inline-block;position: absolute;left: -5px;top: -5px;width: 160px;height: 60px; border:1px dashed #22496a;-webkit-border-radius: 40px;-moz-border-radius: 40px;-ms-border-radius: 40px;-o-border-radius: 40px;border-radius: 40px;}
.btn-show .btn-line:hover{color:#fff;background-position:right center;}


@media only screen and (max-width: 1640px){
    .indext_about{ height: 870px;}
	.case-main{ height: 67.5%;}
	.case-main:before{ height: 81%;}
}
@media only screen and (max-width: 1536px){
    .indext_about{ height: 870px;}
	.case-info p{ font-size: 16px; line-height: 28px;}
	.case-main{ height: 64%;}
	.case-main:before{ height: 80%;}
}
@media only screen and (max-width: 1440px){
    .indext_about{ height: 870px;}
	.case-info p{ font-size: 16px; line-height: 28px;}
	.case-main{ height: 64%;}
	.case-main:before{ height: 80%;}
}
@media only screen and (max-width: 1260px){
    .indext_about{ height: 870px;}
	.case-info p{ font-size: 16px; line-height: 28px;}
	.case-main{ height: 64%;}
	.case-main:before{ height: 80%;}
}


/*自定义*/
.index_zdy{width: 100%; height: 968px; background: url("../images/index_zdy_bg.jpg") no-repeat center; overflow: hidden; position: relative; min-width: 1200px;}
.index_zdy .s_width{width: 80%; margin: 75px auto 0 auto; display: flex; justify-content: space-between; min-width: 1200px;}

.index_zdy_bt{width: 80%; margin: 70px auto 0 auto; min-width: 1200px;}
.index_zdy_bt span{font-size: 80px; font-family: monoton; color: rgba(255,150,0,0.2); display: block; text-transform: uppercase;}
.index_zdy_bt h2{font-size: 40px; color: #22496a; margin-top: -75px; margin-left: 20px;}
.index_zdy_bt p{font-size: 16px; color: #464646; margin-top: 20px; margin-left: 20px;}

.index_zdy_foot{width: 80%; margin: 30px auto; position: relative; min-width: 1200px; display: flex; justify-content: space-between;}
.index_zdy_foot ul{display: flex; justify-content: space-between; flex-wrap: wrap; /*width: 32%;*/ margin-top: 2%;}
.index_zdy_foot ul li{width: 44.612%; height: 300px; position: relative;}
.index_zdy_foot ul li:nth-child(2n){margin-top: 5%;}
.index_zdy_foot ul li div{position: relative; z-index: 2; /*text-align: center;*/ margin-top: 10px; margin: 40px 25px 0;}
.index_zdy_foot ul li div em{display: flex; align-items: center; justify-content: space-between;}
.index_zdy_foot ul li div img{width: 30.44%;}
.index_zdy_foot ul li div h3{font-size: 24px; color: #fff; /*font-weight: normal;*/ margin: 0 0 5px 0;}
.index_zdy_foot ul li div i{font-size: 20px; font-family: Arial; color: #666; text-transform: uppercase; display: block; font-weight: normal;}
.index_zdy_foot ul li div span{font-size: 16px; line-height: 28px; color: rgba(255,255,255,0.5); text-transform: uppercase; display: block; margin-top: 20px; text-align: justify;}
.index_zdy_foot ul li p{position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px;}
.index_zdy_foot ul li p img{width: 100%;}

.index_zdy_tu{position: relative;}
.index_zdy_tu img{position: relative; z-index: 2; width: 100%; border-radius: 30px 30px 0 0;}
.index_zdy_tu:after{content: ''; position: absolute; width: 36.88093%; height: 32.24447%; left: -13px; bottom: -13px; border: 8px solid #9597a0;}


@media only screen and (max-width: 1537px){
    .index_zdy_foot{align-items: center;}
    .index_zdy_foot ul{width: 55%; margin-right: 3%;}
    .index_zdy_tu{width: 60%;}
}
@media only screen and (max-width: 1440px){
    .index_zdy_foot{align-items: center;}
    .index_zdy_foot ul{width: 55%; margin-right: 3%;}
    .index_zdy_foot ul li div img{width: 28.44%;}
    .index_zdy_tu{width: 55%;}
}
@media only screen and (min-width: 1441px){
	.index_zdy_foot{align-items: center;}
    .index_zdy_foot ul{width: 66%; margin-right: 5%;}
    .index_zdy_tu{width: 60%;}
}
@media only screen and (min-width: 1538px){
	.index_zdy_foot{align-items: center;}
    .index_zdy_foot ul{width: 46%; margin-right: 5%;}
    .index_zdy_tu{width: 60%;}
}



/*工程案例*/
.indext_case{width: 100%; height: 1050px; background: #ececec; overflow: hidden; min-width: 1200px; position: relative;}

.indext_bt{width: 970px; margin: 150px 0 0 26vw; height: 120px; position: relative; display: flex; align-items: flex-end; z-index: 1;}
.indext_bt span{font-size: 80px; font-family: monoton; color: rgba(255,150,0,0.2); display: block; text-transform: uppercase; position: absolute; left: 0; right: 0; top: -28px;}
.indext_bt h2{font-size: 40px; color: #22496a;}
.indext_bt h2 img{margin-left: 30px;}

.service-bg {width: 850px; left: -12vw; right: 0; height: 965px; position: absolute; bottom: 0; background: #fff; overflow: hidden; margin: 0 auto;}
.service-bg .text-bg {font-size: 15.5rem; font-family: Impact; color: rgba(70,70,70,0.05); position: absolute; width: 100%; left: -0.5%; bottom: -5%; text-align: center; text-transform: uppercase; z-index: 1;}

.swiper-container {margin-top: 50px; margin-left: -80px;}
.swiper-wrapper { }
.swiper-slide { width: 900px; position: relative; transition-timing-function: linear;}

@media only screen and (max-width: 1200px){
	.swiper-slide { width: 900px;}
}
@media only screen and (max-width: 980px){
	.swiper-slide { width: 900px;}
}
@media only screen and (max-height: 480px){
	.swiper-slide { width: 900px;}
}

.swiper-slide a{display: block; overflow: hidden;}
.swiper-slide a img{width: 100%; transition: 1s ease; -moz-transition: 1s ease; -webkit-transition: 1s ease;}
.swiper-slide:hover a img{transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.swiper-slide h3{font-size: 30px; color: #464646; margin-top: 40px; font-weight: normal;}
.swiper-slide div{position: absolute; bottom: 80px; right: 0; cursor: pointer;}
.swiper-slide .title{position: absolute; transform: rotate(90deg); transform-origin: left top; left: -3px; font-size: 11px; color: rgb(102,102,102);}	
.swiper-button-next, .swiper-button-prev{width: 86px; height: 112px; background-size: 86px 112px; margin-top: -56px; outline: none;}
.swiper-button-next{background-image: url(../images/cursor-next.png);}
.swiper-button-prev{background-image: url(../images/cursor-prev.png); left: 90px;}		
.swiper-pagination-bullet{background: none; opacity: 1; margin: 0 6px !important; width: 9px; height: 9px; position: relative; outline: none; vertical-align: middle;}
.swiper-pagination-bullet span{width: 3px; height: 3px; background: #ccc; display: block; border-radius: 50%; margin-top: 3px; margin-left: 3px;}
.swiper-pagination-bullet i{background: #000; height: 1px; width: 20px; position: absolute; top: 4px; transform: scaleX(0); transform-origin: left; z-index: 3; transition-timing-function: linear;}
.swiper-pagination-bullet-active span,.swiper-pagination-bullet:hover span{width: 9px; height: 9px; margin-top: 0; margin-left: 0; background: #000; position: relative; z-index: 1;}
.swiper-pagination-bullet-active i{animation: middle 6s;}
.swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i{animation: first 6s;}
.swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i{animation: last 6s;}				
@keyframes first{
	0% {transform:scaleX(0.5);left:0px;}/*091*/
	100% {transform:scaleX(1);left:2px;} /*0915*/
}
@keyframes last{
	0% {transform:scaleX(0.7);left:-10px;}/*1090*/
	20% {transform:scaleX(0.3);left:2px;} /*090*/
	100% {transform:scaleX(0.3);left:0px;} /*090*/
}		
@keyframes middle{
	0% {transform:scaleX(0.7);left:-10px;}/*1091*/
	20% {transform:scaleX(0.45);left:2px;}/*092*/
	100% {transform:scaleX(1);left:2px;} /*0913*/
}

@media only screen and (max-width: 1440px){
    .indext_bt{ margin: 150px 0 0 18vw;}
}
@media only screen and (max-width: 1260px){
    .indext_bt{ margin: 150px 0 0 13.5vw;}
}


/*服务流程*/
.indext_liucheng{width: 100%; height: 900px; background: url("../images/indext_liucheng.jpg") no-repeat center; overflow: hidden; min-width: 1200px;}
.liucheng_nr{width: 80%; margin: 120px auto 0 auto; min-width: 1200px; position: relative;}
.liucheng_nr ul{display: flex; justify-content: flex-start; flex-wrap: wrap; width: 830px;}
.liucheng_nr ul:nth-child(2){width: 100%; min-width: 1200px;}
.liucheng_nr ul li{width: 50%; display: flex; justify-content: flex-start; align-items: center;  margin-bottom: 3%; /*margin-right: 3%;*/}
.liucheng_nr ul li:hover{-webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px);-o-transform: translateY(-10px); transform: translateY(-10px); }
/*.liucheng_nr ul li:nth-child(3n){margin-right: 0;}*/
.liucheng_nr ul:nth-child(2) li{width: 33.3%;}

.liucheng_nr ul li img{margin-right: 10px;}
.liucheng_nr ul li div{}
.liucheng_nr ul li div h3{font-size: 24px; color: #fff; margin-bottom: 10px;}
.liucheng_nr ul li div p{font-size: 16px; color: #b9b9b9;}

.liucheng_tu{position: absolute; right: 0; top: -18%;}
.liucheng_tu img{width: 100%;}

@media only screen and (max-width: 1440px){
    .liucheng_nr ul{width: 670px;}
    /*.liucheng_nr ul:nth-child(2){width: 1000px;}*/
    .liucheng_tu{width: 60%;}
}
@media only screen and (max-width: 1260px){
    .liucheng_nr ul{width: 670px;}
    /*.liucheng_nr ul:nth-child(2){width: 1000px;}*/
    .liucheng_tu{width: 60%;}
}


/*indext_new*/
.indext_new{width: 100%; height: 800px; background: #fff; overflow: hidden; position: relative;}

.new_bt{width: 984px; background: url(../images/new_bt.png) no-repeat center; margin: 80px auto 0 auto; text-align: center; height: 120px; position: relative; display: flex; align-items: flex-end; justify-content: center;}
.new_bt span{font-size: 80px; font-family: monoton; color: rgba(255,150,0,0.2); display: block; text-transform: uppercase; position: absolute; left: 0; right: 0; top: -28px;}
.new_bt h2{font-size: 40px; color: #22496a;}

.index-list{min-width: 1200px; width: 80%; margin: 46px auto 0 auto;}
.index-list ul{position: relative;float: left;width: 45%;margin-left: 5%;padding-top: 20px;z-index: 0;}
.index-list ul:before{content: "";display: inline-block;position: absolute;left: 12px;top: 0;width: 1px;height: 30px;background: -webkit-linear-gradient(top, transparent 0%,#22496a 100%);background: -moz-linear-gradient(top, transparent 0%, #22496a 100%);background: -ms-linear-gradient(top, transparent 0%,#22496a 100%);background: -o-linear-gradient(top, transparent 0%,#22496a 100%);background: linear-gradient(to bottom, transparent 0%,#22496a 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=transparent, endColorstr=#22496a, GradientType=0 );-webkit-box-shadow: 0px 5px 5px rgba(228,0,52,.13);-moz-box-shadow: 0px 5px 5px rgba(228,0,52,.13);-ms-box-shadow: 0px 5px 5px rgba(228,0,52,.13);-o-box-shadow: 0px 5px 5px rgba(228,0,52,.13);box-shadow: 0px 5px 5px rgba(228,0,52,.13);}
.index-list ul:after{content: "";display: inline-block;position: absolute;left: 12px;bottom: 0;width: 1px;height: 190px;background: -webkit-linear-gradient(top, #22496a 0%,#ff9600 80%, transparent 100%);background: -moz-linear-gradient(top, #22496a 0%,#ff9600 80%, transparent 100%);background: -ms-linear-gradient(top, #22496a 0%,#ff9600 80%, transparent 100%);background: -o-linear-gradient(top, #22496a 0%,#ff9600 80%, transparent 100%);background: linear-gradient(to bottom, #22496a 0%,#ff9600 80%, transparent 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#22496a, endColorstr=#ff9600, GradientType=0 );-webkit-box-shadow: 0px 5px 5px rgba(228,0,52,.13);-moz-box-shadow: 0px 5px 5px rgba(228,0,52,.13);-ms-box-shadow: 0px 5px 5px rgba(228,0,52,.13);-o-box-shadow: 0px 5px 5px rgba(228,0,52,.13);box-shadow: 0px 5px 5px rgba(228,0,52,.13);z-index: -1;}
.index-list ul li{position: relative; margin-top: -20px;-webkit-transition:.5s;-moz-transition:.5s; -ms-transition:.5s;-o-transition:.5s;transition:.5s;}
.index-list ul li:hover{-webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px);-o-transform: translateY(-6px); transform: translateY(-6px); }
.index-list ul li:hover h3 a{color: #ff9600; transition: all .5s;}
.index-list ul li h3{margin-bottom:12px;}
.index-list ul li h3 a{display: block; color: #464646;font-size: 24px;line-height: 1.1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: normal;}
.index-list ul li span{color:#999;font-size: 16px;line-height: 2;}
.index-list ul li span:before{content: "";display: inline-block;width: 12px;height: 12px;background: url(../images/icon-time01.png) no-repeat;vertical-align: middle;margin-right: 10px; margin-bottom: 3px;}
.index-list ul li p{font-size: 16px; line-height: 28px; color: #666; text-align: justify; margin-top: 10px;}
.index-list ul li:after{content: "";display: inline-block;position: absolute;left: 0;top: 30px;width: 25px;height: 26px;background: url(../images/news-round.png) no-repeat;}
.index-list ul li:before{content: "";display: inline-block;position: absolute;left: 12px;top: 30px;width: 1px;height: 96%;background: -webkit-linear-gradient(top, #22496a 0%,#ff9600 100%);background: -moz-linear-gradient(top, #22496a 0%, #ff9600 100%);background: -ms-linear-gradient(top, #22496a 0%,#ff9600 100%);background: -o-linear-gradient(top, #22496a 0%,#ff9600 100%);background: linear-gradient(to bottom, #22496a 0%,#ff9600 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#22496a, endColorstr=#ff9600, GradientType=0 );-webkit-box-shadow: 0px 5px 5px rgba(228,0,52,.13);-moz-box-shadow: 0px 5px 5px rgba(228,0,52,.13);-ms-box-shadow: 0px 5px 5px rgba(228,0,52,.13);-o-box-shadow: 0px 5px 5px rgba(228,0,52,.13);box-shadow: 0px 5px 5px rgba(228,0,52,.13);}
.index-list ul li:last-child:before{display: none;}
.index-list ul li:last-child .list-con{padding-bottom: 28px;}
.list-con{ width: 95%;margin-left: 5%;padding: 35px 20px 55px;background-color: #FFF;-webkit-border-radius: 30px 4px 4px 4px;-moz-border-radius: 30px 4px 4px 4px;-ms-border-radius: 30px 4px 4px 4px;-o-border-radius: 30px 4px 4px 4px;border-radius: 30px 4px 4px 4px;-webkit-box-shadow: 0px 0px 10px rgba(20,40,66,.1);-moz-box-shadow: 0px 0px 10px rgba(20,40,66,.1);-ms-box-shadow: 0px 0px 10px rgba(20,40,66,.1);-o-box-shadow: 0px 0px 10px rgba(20,40,66,.1);box-shadow: 0px 0px 10px rgba(20,40,66,.1); border:none;border:1px solid #eee \9;}


/*底部*/
.index-about{margin-top: 70px; height: 770px; background: -webkit-linear-gradient(left, #011629 0%,#10426D 100%);background: -moz-linear-gradient(left, #011629 0%, #10426D 100%);background: -ms-linear-gradient(left, #011629 0%,#10426D 100%);background: -o-linear-gradient(left, #011629 0%,#10426D 100%);background: linear-gradient(to right, #011629 0%,#10426D 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#011629, endColorstr=#10426D, GradientType=1 );}
.index-about .s_width{width: 80%; margin: 0 auto; min-width: 1200px; /*overflow-x: hidden;*/}

.about-msg{float: left;width: 32%; height: 655px; background: url(../images/bg-msg.png) no-repeat #fff top right;padding: 115px 4.4% 40px;margin-top: -40px;-webkit-box-shadow: 0 0 40px rgba(3,3,3,.1);-moz-box-shadow: 0 0 40px rgba(3,3,3,.1);-ms-box-shadow: 0 0 40px rgba(3,3,3,.1);-o-box-shadow: 0 0 40px rgba(3,3,3,.1);box-shadow:0 0 40px rgba(3,3,3,.1);}
.msg-tit{position: relative;z-index: 1;}
.msg-tit:after{content: "";display: inline-block;position: absolute; bottom: 36px;left:0;width: 481px;height: 36px;background: url(../images/tit-msg.png) no-repeat;z-index: -1;}
.msg-tit span{display: block; color: #22496a;font-size: 24px;line-height: 1.2; font-weight: bold;}
.about-msg p{margin-top: 30px;}
.about-msg p span{margin-right: 36px;color: #464646;font-size: 20px;line-height: 1.1;}
.about-msg p span:before{content: "";display: inline-block;width: 20px;height: 20px;background: url(../images/msg-dot.png) no-repeat left center;vertical-align: bottom;margin-right: 8px;}

.panel-body{margin-top: 100px;}
.yyname,.tel,.email,.ffcontent{border-bottom: 1px #eee solid; display: flex; align-items: center; margin-bottom: 20px;}
.yyname label,.tel label,.email label,.ffcontent label{font-size: 16px; color: #464646; font-weight: bold; display: flex; align-items: center;}
.yyname label:before{content: "";display: inline-block;width: 40px;height: 40px;background: url(../images/msg-icon01.png) no-repeat left center;vertical-align: bottom;margin-right: 8px;}
.tel label:before{content: "";display: inline-block;width: 40px;height: 40px;background: url(../images/msg-icon02.png) no-repeat left center;vertical-align: bottom;margin-right: 8px;}
.email label:before{content: "";display: inline-block;width: 40px;height: 40px;background: url(../images/msg-icon03.png) no-repeat left center;vertical-align: bottom;margin-right: 8px;}
.ffcontent label:before{content: "";display: inline-block;width: 40px;height: 40px;background: url(../images/msg-icon04.png) no-repeat left center;vertical-align: bottom;margin-right: 8px;}
.form-control{border: 0; width: 100%; background: 0; height: 70px; padding-right: 25%;font-size: 16px; color: #464646; font-weight: bold; outline:none;}

.about-base{float: right;width:55%; padding-top: 48px;}
.about-name img{margin-right: 25px;}
.about-name span{color: #ff9600;font-size: 36px;}
.about-name p{color: #fff;font-size: 20px;}
.about-base ul{margin-top: 80px;}
.about-base ul li{position: relative; width: 100%; color: #fff; font-size: 20px; display: flex; align-items: center; margin-bottom: 100px;}
.about-base ul li:before{content: "";display: inline-block;position: absolute;left: 0;top: -28px;width: 255px;height: 196px; background: url(../images/about-line01.png) no-repeat top center;-webkit-background-size: 100%;-moz-background-size: 100%;-ms-background-size: 100%;-o-background-size: 100%;background-size: 100%;}

.about-base ul li strong{display: block; font-size: 30px;line-height: 1.1; margin: 0 0 0 50px;}
.about-base ul li strong sub{font-family:"Microsoft YaHei";font-size: 20px;font-weight: normal; vertical-align: bottom;position: relative;top: -8px;}
.about-base ul li p{position: relative;width: 72%;height:140px;margin-left: 10%; -webkit-border-radius: 10px 80px 80px 10px;-moz-border-radius: 10px 80px 80px 10px;-ms-border-radius: 10px 80px 80px 10px;-o-border-radius: 10px 80px 80px 10px;border-radius: 10px 80px 80px 10px;background: -webkit-linear-gradient(top, #13548b 0%,#011324 100%);background: -moz-linear-gradient(top, #13548b 0%, #011324 100%);background: -ms-linear-gradient(top, #13548b 0%,#011324 100%);background: -o-linear-gradient(top, #13548b 0%,#011324 100%);background: linear-gradient(90deg, #13548b 0%,#011324 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#13548b, endColorstr=#011324, GradientType=0 );-webkit-box-shadow:0px 5px 5px rgba(228,0,52,.13);-moz-box-shadow: 0px 5px 5px rgba(228,0,52,.13);-ms-box-shadow: 0px 5px 5px rgba(228,0,52,.13);-o-box-shadow: 0px 5px 5px rgba(228,0,52,.13);box-shadow: 0px 5px 5px rgba(1,19,36,.13); display: flex; align-content: center; align-items: center; justify-content: center; flex-wrap: wrap;}
.about-base ul li p:before{content: "";display: inline-block;position: absolute;left: -20px;top: 70px;width: 40px;height: 2px;background-color: #ff9600;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.about-base ul li p:after{content: "";display: inline-block;position: absolute;left: 15px;top: 70px;width: 30px;height: 2px;background-color: #0C2b47;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}

.clearfix li p a{display: block; font-size: 20px; color: #fff; width: 35%; margin: 1% 2%;}
.clearfix li p a:hover{color: #ff9600; transition: all .3s;}
.clearfix li p span{font-size: 20px; color: #fff; line-height: 2; width: 80%;}

.btn-tijiao{position: relative;z-index: 0; margin-top: 10%;}
.btn-tijiao:after{content: "";display: inline-block;position: absolute;right: 0;top: 50%;width: 12px;height: 12px;margin-top:-6px;background: url(../images/case-round.png) no-repeat;z-index: -2;}
.btn-tijiao i{display: block;position: absolute; z-index: -2; left: 12px; right: 12px; top: 50%; height: 1px;background-color: #22496a;}
.btn-tijiao .btn-neirong{background: url(../images/btn-neirong.png) center no-repeat; position: relative; display: inline-block;cursor: pointer; color: #fff; font-size: 16px; width: 160px; height: 60px; text-align:center;-webkit-border-radius: 40px;-moz-border-radius: 40px;-ms-border-radius: 40px;-o-border-radius: 40px;border-radius: 40px; border: 0;}

.footer_p{width: 100%; height: 80px; background: #ff9600; font-size: 16px; line-height: 80px; color: #fff; min-width: 1200px; text-align: center;}


.sidebox{position: fixed;right:0;z-index: 999999999; bottom: 8vh;}
.sidebox ul li{width: 60px;height: 60px; background: linear-gradient(to top, #22496a 0%,#ff9600 100%); margin-bottom: 8px;padding:8px;text-align:center;position: relative;color: #fff; border-radius: 10px;}
.sidebox ul li a{color: #fff;}
.sidebox ul li img{margin-bottom: 5px;}

.sidebox .cont{transition:all .4s;white-space:nowrap;width:0;overflow:hidden;height:60px;line-height:50px;text-align:center;
background-color: rgba(0,0,0,0.7); color: #fff;font-size: 16px; font-weight: bold; position:absolute; right: 100%; top:0}
.sidebox li:hover .cont{width: 150px; height: 60px;line-height: 60px;padding: 0 5px;}
.sidebox .cont0{transition: all .4s; white-space:nowrap; width:0;overflow:hidden;text-align:center;position:absolute;right:100%;top:0}
.sidebox li:hover .cont0{width: 140px; height: 140px;}


/*企业简介内页*/
.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; font-weight: normal; 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{padding-top: 15px;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%; min-width: 1200px;}
.container {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}

.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; display: flex; justify-content: flex-end; border-radius: 20px; overflow: hidden;}
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-prev, .slick-next { position: absolute; display: block;  line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { filter:alpha(opacity=25);-moz-opacity:0.25;-khtml-opacity: 0.25; opacity: 0.25; }
.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; filter:alpha(opacity=80);-moz-opacity:0.85;-khtml-opacity: 0.85; opacity: 0.85;; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left: -25px; }
.slick-prev:before { content: "\2190"; }
.slick-next { right: -25px; }
.slick-next:before { content: "\2192"; }

.clearfix{ zoom:1;}
.wrap{width: 80%; min-width: 1200px; margin: 0 auto}

.about-show{}
.about-pic{position: relative; float: left; width: 56%;}
.about-pic:before{content: "";display: inline-block;position: absolute;left: 25px;top: 0;width: 17px;height: 211px;background: url(../images/about-font01.png) no-repeat;}
.about-pic ul{-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;border-radius: 20px; margin-left: 80px;}
.about-pic li img{}
.about-slick .slick-prev:before, .about-slick .slick-next:before{display: none;}
.about-slick .slick-prev, .about-slick .slick-next{width:66px;height:66px; left: -80px;}
.about-slick .slick-arrow{top:auto;bottom:80px;background: url(../images/about-prev.png) no-repeat;}
.about-slick .slick-arrow:nth-child(2){top:auto;bottom:0;background: url(../images/about-next.png) no-repeat;}
.about-slick.slick-initialized .slick-slide:focus{outline: none;}

.about-info{float: right; width: 43%;}
.about-info h1{display: block; position: relative;color: #22496a;font-size:50px;line-height:1.1;margin: 60px 0 40px 0;}
.about-info h1:before{content: "";display: inline-block;position: absolute; bottom: 2px;left:0;width: 527px;height: 78px;background: url(../images/about-font02.png) no-repeat;z-index: -1;}
.about-info p{color:#635d6B;font-size:16px;line-height:32px;text-indent:2em;margin-bottom:20px; text-align: justify;}

.about-data{background: url(../images/about-curve.png) no-repeat top center;padding-top: 10%;padding-bottom: 50px;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover; }
.about-data ul{display: flex; justify-content: space-between;}
.about-data ul li{position: relative; width: 200px;line-height:1.2; text-align: center;}
.about-data ul li:before{content: "";display: inline-block;position: absolute;left: 0;bottom: 0;width: 150px;height: 150px;border:10px solid #F4F1EF;-webkit-border-radius: 150px;-moz-border-radius: 150px;-ms-border-radius: 150px;-o-border-radius: 150px;border-radius: 150px;z-index: -1;}
.about-data ul li div{}
.about-data ul li i{margin-bottom: 5px; background-image: -webkit-linear-gradient(180deg, #ff9600 0%, #22496a 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 80px; font-family: Impact;}
.about-data ul li em{color:#464646;font-size: 30px;top: -8px;}
.about-data ul li span{display: block;color:#332C42;font-size: 20px;}
.about-data ul li span:before{content: "";display: inline-block;width: 30px;height: 2px;background: linear-gradient(to right, #ff9600 0%,#22496a 100%);vertical-align: middle;margin-right: 15px;}

.base-main{margin-top: 50px;}
.base-main ul{display: flex; justify-content: space-between;}
.base-main ul li{width: 49%;}
.base-main ul li img{display: block; width: 100%;-webkit-border-radius: 20px 20px 0 0;-moz-border-radius: 20px 20px 0 0;-ms-border-radius: 20px 20px 0 0;-o-border-radius: 20px 20px 0 0;border-radius: 20px 20px 0 0;}
.base-main ul li span{display: block;background: url(../images/about-base.png) #FFF;color:#332C42;font-size: 20px;line-height:24px;text-align: center;padding:28px 0;-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;-ms-border-radius: 0 0 10px 10px;-o-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;}

.qywenhua{width: 80%; margin: 0 auto; overflow: hidden; min-width: 1200px;}
.qywenhua ul{display: flex; justify-content: space-between;}
.qywenhua ul li{flex: 1; margin: 80px auto; height: 300px; border: 1px solid rgba(255,255,255,0.7); background-color: #464646; transition: all 0.5s; border-radius: 10px;}
.qywenhua ul li:nth-child(1){background: url("../images/about_tu1.jpg") no-repeat center; background-size: cover;}
.qywenhua ul li:nth-child(2){background: url("../images/about_tu2.jpg") no-repeat center; background-size: cover;}
.qywenhua ul li:nth-child(3){background: url("../images/about_tu3.jpg") no-repeat center; background-size: cover;}
.qywenhua ul li:hover{background-color: #ff7800;}
.qywenhua ul li h1{font-size:24px;color: #fff; text-align: center; margin-top: 15px;}
.qywenhua ul li img{margin: 0 auto;display: block;margin-top: 64px;}
.qywenhua ul li p{ text-align: center;margin-top: 10px;color: #fff;font-size: 16px;line-height:27px;}


/*产品展示内页*/
.pro-show{display: flex;justify-content: flex-start; flex-wrap: wrap;}
.pro-show li{width: 48%; margin: 0 4% 4% 0;}
.pro-show li:nth-child(2n){margin: 0 0 4% 0;}
.pro-first{padding-top: 24px;}
.pro-type{}
.pro-type a{display: block; border-radius: 30px; overflow: hidden; transition: all .5s; position: relative; border: 1px #eee solid;}
.pro-type a img{width:100%; transition: all .5s;}
.pro-type a img:hover{-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);transform:scale(1.05,1.05);}

.pro-type a:after { content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width: 100%; height: 100%; background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,.5), rgba(255,255,255,0)); -webkit-transform: skewx(-25deg); transform: skewx(-25deg)}
.pro-type:hover a:after { left: 100%; -webkit-transition: all .5s; transition: all .5s}

.pro-link{margin-bottom: 30px; display: flow-root;}

.pro-tit{}
.pro-tit strong{position: relative; float: left; width: 360px;color: #2D203B;margin-top: 40px;}
.pro-tit strong:before{content: "";display: inline-block;position: absolute; bottom: 10px;left:50%;width: 360px;height: 64px;background: url(../images/pro-font.png) no-repeat;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);z-index: -1;}
.pro-tit strong a{color:#352E44;font-size:40px;line-height:1.1;padding-left: 5px; transition: all .3s;}
.pro-tit strong a:hover{color: #ff9600;}
.pro-btn{float: right;color: #2D203B;font-size: 18px;margin-top: 26px;width:200px;height:57px;line-height:57px;background: url(../images/pro-btn.png) no-repeat;    text-align: center;}
.pro-btn span{float: right; cursor: pointer;width:146px; transition: all .3s;}
.pro-btn span:hover{color: #ff9600;}
.pro-link p{color: #635D6B;font-size: 16px;line-height: 30px;}


.type-pro{margin-top: 50px;}
.type-pro .pro-tit{text-align: center;}
.type-pro .pro-tit h1{position: relative; margin-top: 40px;color:#352E44;font-size:40px;line-height:1.1;padding-left: 5px;}
.type-pro .pro-tit h1:before{content: "";display: inline-block;position: absolute; bottom: 10px;left:50%;width: 360px;height: 64px;background: url(../images/pro-font.png) no-repeat;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);z-index: -1;}

.pro-sort{margin-top: 50px;}
.sort-show{position: relative;margin-bottom: 30px;padding-top:10px}
.sort-show:after{content: "";display: inline-block;position: absolute;left: 0;top: 0;width: 100%;height: 168px;-webkit-box-shadow: 0 5px 10px rgba(255,150,0,.1);-moz-box-shadow: 0 5px 10px rgba(255,150,0255,150,0,.1);-ms-box-shadow: 0 5px 10px rgba(255,150,0,.1);-o-box-shadow: 0 5px 10px rgba(288,0,52,.1);box-shadow: 0 5px 10px rgba(255,150,0,.1);z-index: -1;border: 1px solid #FFEAEF \9;}
.sort-show ul li{position: relative;width: 16%;display: flex; justify-content: center; flex-wrap: wrap;}
.sort-show ul li:before{content: "";display: inline-block;position: absolute;left: 50%;top: 140px;width: 1px;height: 0;background-color: #ff9600;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.sort-show ul li:after{content: "";display: inline-block;position: absolute;left: 50%;bottom: -30px;width: 20px;height: 20px;margin-left:-10px;background: url(../images/msg-dot.png) no-repeat;display: none;}

.sort-show ul li a{display: block;}
.sort-show ul li span{margin-top: 40px;display: block; width: 100%; text-align: center;}
.sort-show ul li span a{display: inline-block; color: #2D203B;font-size: 20px;font-weight: bold;line-height: 1.1;}
.sort-show ul li.sort-active .fenlei_tu{width: 140px; height: 140px; overflow: hidden; border: 3px #eee solid; border-radius: 50%; box-shadow: 0 5px 5px rgba(255,150,0,.13);}
.sort-show ul li.sort-active .fenlei_tu img{width: 100%; height: 100%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.sort-show ul li:hover.sort-active .fenlei_tu img{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg); -ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}
.sort-show ul li:hover:before,.sort-show ul li.sort-active:before{height: 34px;} 
.sort-show ul li:hover:after,.sort-show ul li.sort-active:after{display: block;}
.sort-show ul li.sort-active span a{color:#ff9600; background-image: -webkit-gradient(linear, 0 0, right 0, from(#22496a), to(#ff9600)); -webkit-background-clip: text;background-clip: text; -webkit-text-fill-color: transparent;-webkit-text-shadow: 0 5px 5px rgba(255,150,0,.13);-moz-text-shadow: 0 5px 5px rgba(255,150,0,.13);-ms-text-shadow: 0 5px 5px rgba(255,150,0,.13);-o-text-shadow: 0 5px 5px rgba(255,150,0,.13);text-shadow: 0 5px 5px rgba(255,150,0,.13);}
.sort-show ul li.sort-active:hover a img{-webkit-transform: none;-moz-transform: none; -ms-transform: none;-o-transform: none;transform: none;}


.sort-list{margin-top: 66px;}
.sort-list ul{margin-top: 45px;}
.sort-list ul li{float: left;width: 32%;margin-right: 2%;margin-bottom: 50px;}
.sort-list ul li:nth-child(3n){margin-right: 0;}
.sort-list ul li a.cp-pic{position: relative;padding-top: 73%;display: block;overflow: hidden;-webkit-border-radius: 30px 30px 0 0;-moz-border-radius: 30px 30px 0 0;-ms-border-radius: 30px 30px 0 0;-o-border-radius: 30px 30px 0 0;border-radius: 30px 30px 0 0; border: 1px #eee solid;}
.sort-list ul li a.cp-pic img{position: absolute;left:0;top:0;width:100%;height:100%;-webkit-transition:.5s;-moz-transition:.5s; -ms-transition:.5s;-o-transition:.5s;transition:.5s;}
.sort-list ul li:hover a.cp-pic img{-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);transform:scale(1.05,1.05);}
.sort-list ul li a.cp-tit{display: block;color:#464646;font-size:20px;padding:0 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;height:66px;line-height:66px;text-align:center; -webkit-border-radius: 0 0 30px 30px;-moz-border-radius: 0 0 30px 30px;-ms-border-radius: 0 0 30px 30px;-o-border-radius: 0 0 30px 30px;border-radius: 0 0 30px 30px;-webkit-box-shadow: 0 5px 10px rgba(255,150,0,.1);-moz-box-shadow: 0 5px 10px rgba(255,150,0,.1);-ms-box-shadow: 0 5px 10px rgba(255,150,0,.1);-o-box-shadow: 0 5px 10px rgba(255,150,0,.1);box-shadow: 0 5px 10px rgba(255,150,0,.1);background: url(../images/pro-dot03.png) no-repeat #FFF center;border: 1px solid #FDECF0 \9;border-top:none \9; }
.sort-list ul li:hover a.cp-tit{background: -webkit-linear-gradient(left, #22496a 0%,#ff9600 100%);background: -moz-linear-gradient(left, #22496a 0%, #Fff9600 100%);background: -ms-linear-gradient(left, #22496a 0%,#ff9600 100%);background: -o-linear-gradient(left, #22496a 0%,#ff9600 100%);background: linear-gradient(to right, #22496a 0%,#ff9600 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#22496a, endColorstr=#ff9600, GradientType=1 );}
.sort-list ul li:hover a.cp-tit{color:#fff; transition: all 0.3s}


.main{ width:80%; margin:30px auto;}

.big_pic{width: 50%;height: auto;margin-bottom:2em;max-height: 540px;overflow: hidden; float: left; border: 1px solid rgba(0,0,0,0.1); border-radius: 30px;}
.big_pic img{width: 100%;vertical-align: middle;}

.nypro_xq{width: 40%;float: right;}
.nypro_xq h1{font-size: 3em; color: #22496a; margin: 8% 0 5% 0;}

.f14{line-height: 2em; font-size: 1.5em; color: #999;}

.fanhui{width: 150px; height: 50px; text-align: center; margin-top: 5vh;}
.fanhui a{display: block; color: #fff; position: relative; font-size: 16px; line-height: 50px; border: 1px solid #ff9600; border-radius: 50px; overflow: hidden; transition: all .4s;}
.fanhui a:hover{color: #ff9600; }
.fanhui a:after{content: ''; position: absolute; height: 100%; width: 100%; background: #ff9600; border-radius: 50px; bottom: 0; left: 0; -webkit-transition: width 0.5s; transition: width 0.5s; z-index: -1;}
.fanhui a:hover:after{width: 0;}

.miaoshu{width:80%; margin:0 auto; background:#22496a;font-size:18px; color:#fff; height:40px; line-height:40px; overflow: hidden; border-radius: 10px; min-width: 1200px;}
.miaoshu span{padding-left: 2%;}

.espcms_page{width: 80%; margin:0 auto; position: relative; min-width: 1200px;}
.espcms_book{overflow: hidden; font-size:15px; margin:1em 0; border:1px solid #eee; padding:2em; background:#fff;line-height: 2em;color: #666; border-radius: 30px;}
.espcms_book img{}
.espcms_newslist_read{padding:0px 5px;}

.xiangguanneir{overflow:hidden;height:auto; margin:0 auto;width:100%;color:#ffffff; margin-bottom:40px;}

.espcms_piclist_slide18 {overflow: hidden;margin: 0 auto;width: 80%; min-width: 1200px;}
.espcms_piclist_slide18 ul li{float: left;margin: 0 10px 5px 0;text-align: center;background:#fff;  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:#444444; 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;}


/*相册*/
.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: 450px; overflow: hidden;}
.espcms_pro_title h1{font-size: 40px; font-weight: bold; line-height: 80px; color: #1e69dc; 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: #1e69dc; text-align: center;  margin-top:10px;}
.espcms_pro_title p a{color:#fff; display: block; margin-top: 35px;}
.espcms_pro_title p:hover{background: #ff3241;}
.espcms_pro_title img{margin-top: 30px;}
.espcms_pro_pic{float: left; width: 700px; height: 525px; overflow: hidden;}

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

caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{}

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

a.infolist2 {color: #656565;text-decoration: none;} a:visited.infolist2 {color: #656565;text-decoration: none;} a:hover.infolist2 {color: #ff9600;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 p{padding: 0 10px;text-align: justify;}
.se_erji_img{}
.se_erji_img img{width: auto; margin:0 auto}


/*工程案例内页*/
.type-pro .case-tit,.type-pro .plant-tit,.type-pro .video-tit,.type-pro .honor-tit,.type-pro .contact-tit,.type-pro .new-tit,.type-pro .wenhua-tit{text-align: center;}
.type-pro .case-tit h1,.type-pro .plant-tit h1,.type-pro .video-tit h1,.type-pro .honor-tit h1,.type-pro .contact-tit h1,.type-pro .new-tit h1,.type-pro .wenhua-tit h1{position: relative; margin-top: 40px;color:#352E44;font-size:40px;line-height:1.1;padding-left: 5px;}
.type-pro .case-tit h1:before,.type-pro .plant-tit h1:before,.type-pro .video-tit h1:before,.type-pro .honor-tit h1:before,.type-pro .contact-tit h1:before,.type-pro .new-tit h1:before,.type-pro .wenhua-tit h1:before{content: "";display: inline-block;position: absolute; bottom: 10px;left:50%;height: 64px;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);z-index: -1;}

.type-pro .case-tit h1:before{background: url(../images/case-font.png) no-repeat; width: 740px;}
.type-pro .plant-tit h1:before{background: url(../images/plant-font.png) no-repeat; width: 580px;}
.type-pro .video-tit h1:before{background: url(../images/video-font.png) no-repeat; width: 500px;}
.type-pro .honor-tit h1:before{background: url(../images/honor-font.png) no-repeat; width: 900px;}
.type-pro .contact-tit h1:before{background: url(../images/contact-font.png) no-repeat; width: 480px;}
.type-pro .new-tit h1:before{background: url(../images/new-font.png) no-repeat; width: 770px;}
.type-pro .wenhua-tit h1:before{background: url(../images/wenhua-font.png) no-repeat; width: 850px;}


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

.title_product{width: 80%; min-width: 1200px; height:40px;line-height: 40px;margin: 0 auto;}
.title_product p{font-size: 15px;color: #666;}
.add_dizhi{position: absolute;width: 80%; min-width: 1200px; 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{width: 80%; min-width: 1200px; margin: 0 auto;padding:26px 0;color: #666;}
.abou_nyjj p{font-size: 18px;line-height: 33px;margin: 10px 0;text-indent: 2em;}


/*联系我们内页*/
.ny_conimg{width:100%; height:600px; margin-top: 60px;}

.contact-tit p{color:#332C42;font-size: 20px;line-height:36px;}
.contact-tit p.cont-txt{margin-bottom:30px;}
.contact-tit p strong{display: inline-block;font-size: 40px;font-weight: bolder; color:#F94828; background-image: -webkit-gradient(linear, 0 0, right 0, from(#F98C30), to(#F94828)); -webkit-background-clip: text;background-clip: text; -webkit-text-fill-color: transparent;margin-top: 8px;}
.contact-tit p strong i{font-size: 26px;}


/*neiye_newlist*/
.se_news_con{width: 80%; min-width: 1200px; margin: 0 auto;}
.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 {top:30px;}
.se_news_da{}
.se_news_l{width:28%; position:relative; overflow:hidden;}
.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: 70%; position: relative; z-index: 2;}
.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; margin: 40px 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: #22496a;}
.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 #22496a; 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: #22496a; font-size:14px;}
.se_news_con li:hover .se_news_more a{ color:#ff9600; }
.se_news_con li:hover .se_news_more{border:1px solid #ff9600; }
/*.se_news_con li:hover .se_news_more a{ color: #1e69dc; }
.se_news_con li:hover .se_news_r h2 a{ color:#fff; }
.se_news_con li:hover .se_news_r h2{ color:#fff; }
.se_news_con li:hover .se_news_r p{ color:#fff; }*/
.main{ width: 80%; min-width: 1200px; margin:30px auto 0 auto}
.t_left{ width:265px; float:left; margin:0 0 30px 0}
.fenye{padding:20px 0; font-size:14px;}
/*neiye_new*/
.ny_newsnr{width: 80%; min-width: 1200px; 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{width: 80%; min-width: 1200px; 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;}


/*contact*/
.contact{  margin:15px 0 0 0; border: 1px solid #eee; }
.contact h2{ color:#fff; font-size:24px; background:#37407b; 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:#d3d3d3;}
.contact p{ line-height:28px; padding:30px 10px 30px 10px; color:#444; font-size:14px;}
.contact p strong{ font-size:16px; line-height:38px; }

.ser_lc {width:90%; padding: 0 0 40px 0; overflow: hidden;margin: 0 auto;margin-bottom: 60px;min-width: 1200px;}
.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;}


.text-center {text-align: center !important;}