@charset "utf-8";

a {color: #333; outline: none;}
a:hover, a:focus {color: #0a5898; text-decoration: none; outline: none;}
ul,ol,li {list-style: none; outline: none; padding-left: 0;}
em {font-style: normal;}
body {overflow-x: hidden; font-size: 14px;  color: #444; font-family: Microsoft Yahei;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight: 400;}

.fl {float:left;}
.fr {float:right;}
.o {overflow: hidden;}
.ptb1{padding-top:1em;padding-bottom:1em}
.ptb2{padding-top:2em;padding-bottom:2em}
.ptb3{padding-top:3em;padding-bottom:3em}
.ptb4{padding-top:4em;padding-bottom:4em}
.ptb5{padding-top:5em;padding-bottom:5em}
.ptb6{padding-top:6em;padding-bottom:6em}
.ptb7{padding-top:7em;padding-bottom:7em}
.mbt1{margin-top:1em}
.mbt2{margin-top:2em}
.mbt3{margin-top:3em}
.mbb1{margin-bottom:1em}
.mbb2{margin-bottom:2em}
.mbb3{margin-bottom:3em}
.pbt1{padding-top:1em}
.pbt2{padding-top:2em}
.pbt3{padding-top:3em}
.pbb1{padding-bottom:1em}
.pbb2{padding-bottom:2em}
.pbb3{padding-bottom:3em}

.banner:before {width: 1200px; margin-left: -600px;}
section {overflow: hidden;}
nav {overflow: visible;}

/* header */
.pcmenu {background: rgba(38, 38, 38, 0.7); margin-bottom: 0;}
.pcmenu .navbar-brand {padding-top:13px;}
.pcmenu .navbar-brand img {max-height:50px;}
.pcmenu .navbar-nav li a {color: #fff; font-size: 15px; margin:0 7px; padding-top: 28px; padding-bottom: 28px;}
.pcmenu .navbar-nav li a:hover {color: #fff; background: #CD1827;}
.pcmenu .navbar-nav li.active .dropdown-toggle {color: #fff; background: #CD1827;}
.pcmenu .open a.dropdown-toggle, .pcmenu li a.dropdown-toggle:hover {color: #fff; background: #CD1827 }
.pcmenu .navbar-nav .dropdown-menu li a {margin:0; color: #333; padding-top:5px; padding-bottom: 5px;}
.pcmenu .navbar-nav .dropdown-menu li a:hover {background: #CD1827; color: #fff;}


/* footer */
footer {background-color: #fff;}
.footer {background-color: #383431; color: #fff; border-top: 3px solid #E6001F;}
.footer .item h4 {margin-bottom: 1em;}
.footer a {color: #ddd;}
.footer img {display: inline-block;}
.footer .ccbox span {width: 2em; height: 2em; margin-right: 5px; text-align: center; line-height: 2em; display: inline-block; border: 1px solid #666; border-radius: 1em;}
.footer .ccbox i {font-size: 1.2em; }
.footcopy {background-color: #2d2d2d; padding:1em 0 1.2em; line-height: 1.8; color: #B3B2B2;}
.footcopy p {margin-bottom: 0;}
.footcopy a {color:#B3B2B2;}

.footer .fv-lef .item {width:20%;}




/* index */
.indexContact {padding-bottom: 0;}
.wml-title span {color: #E6001F; display: inline-block; padding: 0 1.2em; font-size: 28px;}

.part_1 {padding-right: 3em; padding-left: 3em;}
.part_1 .Txt {padding:2em;}


.index1 {background-color: #fff;}
.i2-pro .widget{margin-right:10px;margin-bottom:10px;border-radius:0;border-radius:0}
.i2-pro .widget .img-holder{position:relative;overflow:hidden}
.i2-pro .widget .img-holder img{width:100%; height:260px;}
.i2-pro .widget .img-holder .overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(230,0,31,.5);text-align:center;opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease}
.i2-pro .widget .img-holder a{color:#fff}
.i2-pro .widget:hover .img-holder .overlay{opacity:1}
.i2-pro .widget .img-holder .overlay .inner{display:table;width:100%;height:100%;position:relative}
.i2-pro .widget .img-holder .overlay .inner:before{content:'';position:absolute;top:8px;left:8px;right:8px;bottom:8px;border:1px solid rgba(255,255,255,.5)}
.i2-pro .widget .img-holder .overlay .social{display:table-cell;vertical-align:middle;position:relative;padding:30px}
.i2-pro .widget .img-holder .overlay .social li{display:inline;margin-right:4px}
.i2-pro .widget .img-holder .overlay .social li a{display:inline-block;width:31px;height:31px;border:1px solid #fff;text-align:center;font-size:12px;line-height:30px;color:#fff;border-radius:50%}
.i2-pro .widget .content-holder{text-align:center;background:#fff;border-top:2px solid #E6001F;display:block;margin-top:0;padding:12px 20px}
.i2-pro .widget .content-holder:before{background:#E6001F}
.i2-pro .widget:hover .content-holder{border-top-color:#E6001F}
.i2-pro .widget:hover .content-holder:before{-webkit-transform:scaleY(1);transform:scaleY(1)}
.hvr-sweep-to-bottom{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-box-shadow:0 0 1px transparent;box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}
.hvr-sweep-to-bottom:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-property:transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.i2-pro .widget:hover .content-holder h4{color:#fff}
.i2-pro .widget:hover .content-holder p{color:#eee}
.i2-pro .widget .content-holder h4{text-transform:uppercase;color:#E6001F;margin:0;font-size:14px;font-weight:700;-webkit-transition:all .3s ease;transition:all .3s ease;overflow:hidden}
.i2-pro .widget .content-holder p{text-transform:uppercase;color:#FFF;margin:0;font-size:13px;line-height:22px;padding-bottom:14px;-webkit-transition:all .3s ease;transition:all .3s ease}

.indexonline {color: #fff}
.indexonline h3 {font-weight: bold; font-size: 28px;}
.indexonline h4 {margin-top: 2em; margin-bottom: 2em;}
.indexonline h2 {font-weight: 600; font-size: 3em; font-family: fantasy; letter-spacing: 4px;}
.indexonline .btnbutt {padding: 3em 0;}
.indexonline .btnbutt a {display: inline-block; width: 260px; height: 50px; color: #fff; border-radius: 3px; transition: all 0.3s; line-height:48px; font-size: 20px; border:1px solid #fff;}
.indexonline .btnbutt a:hover {background-color: #fff; color: #0497e4;}




#two_list {padding: 2em 0;}
#two_list .owl-item .widget .widget-img {width: 100%; overflow: hidden;}
#two_list .owl-item .widget .widget-img a {display: block; position: relative;}
#two_list .owl-item .widget .widget-img a:after {border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 50%; color: #fff; content: "+"; display: inline-block; font-family: "Times New Roman","微软雅黑"; font-size: 30px; height: 50px; left: 50%; line-height: 50px; margin: 0 auto 0 -26px; opacity: 0; position: absolute; text-align: center; top: 0; transition: all 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) 0s; width: 50px; z-index: 10; }
#two_list .owl-item .widget .widget-img:hover a:after {opacity: 1; top: 35%;}
#two_list .owl-item .widget-img .mask {height: 100%; position: absolute; transition: all 0.5s ease-out 0s; width: 100%; z-index: 2; }
#two_list .owl-item .widget-img:hover .mask {background:rgba(0,0,0,0.5);}
#two_list .owl-item .widget-img img {transition: all 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) 0s; width: 100%; height:220px;}
#two_list .owl-item .widget-img:hover img {transform: scale(1.1);}
#two_list .widget .widget-title {border-bottom: 1px solid #e0e0e0; margin: 0; padding: 20px 20px 20px 0; border-bottom: 1px solid #e0e0e0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#two_list .widget .widget-title a {color: #666; font-size: 16px;}
#two_list .widget .widget-title p {font-size: 13px; margin-bottom: 0; padding-top: 10px; color: #848484;}
#two_list .widget .widget-title:hover {border-color: #666;}
#two_list .owl-nav {margin-top: 25px; text-align: center;}
#two_list .owl-nav i {font-size: 1.6em; color: #888;}
#two_list .owl-nav [class*=owl-] {color: #fff; font-size: 14px; margin: 5px; padding: 4px 7px; background: #d6d6d6; display: inline-block; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#two_list .owl-nav [class*="owl-"] {padding:5px 14px 3px; background: none;}
#two_list .owl-nav [class*="owl-"]:hover i {color: #4b984f;}


/*fixtop*/
.izl-rmenu{position:fixed; right:-3px; margin-right:3px; bottom:61px; padding-bottom:20px; background:url(../fixtop/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btnn {width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../fixtop/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../fixtop/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../fixtop/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px; max-width: none;}
.izl-rmenu .btn-phone{background:url(../fixtop/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../fixtop/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}


@media (max-width:768px) {

.ptb2 {padding-top: 1.5em; padding-bottom: 1.5em; }
.ptb3 {padding-top: 2em; padding-bottom: 2em; }
.mbb3 {margin-bottom: 2em; }
.pbt3 {padding-top: 2em;}

.container {width: auto;}
body {padding-top: 62px;}
.h2, h2 {font-size: 20px;}

/* .banner .carousel-inner > .item img {height:auto; max-width:100%;} */

.pcmenu {height: auto; padding-bottom: 4px; background: rgba(255, 255, 255, 0.88)}
.pcmenu .navbar-toggle {margin-top: 16px;}
.pcmenu .navbar-brand img {height: 34px;}
.navbar-toggle .icon-bar {background-color: #333;}
.pcmenu .navbar-nav li {margin-bottom: 1px;}
.pcmenu .navbar-nav li a {padding-top:8px; padding-bottom: 8px; color: #333}
.pcmenu .navbar-nav .dropdown-menu li a {color: #333;}

.indexonline h3 {font-size: 22px;}
.indexonline h4 {font-size: 16px; margin-left: 15px; margin-right: 15px; line-height: 1.6;}
.indexonline h2 {letter-spacing: 0; font-size: 2.5em;}
.indexonline .btnbutt {padding: 2em 0;}
.indexonline .btnbutt a {width: 60%;}

#two_list {padding: 2em 10px}
#two_list .owl-item .widget-img img {transition: all 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) 0s; width: 100%; height:135px;}


.footer {display: none;}
footer {margin-bottom: 52px;}
.newfoot .footmenu {display: none;}
.newfoot {margin-bottom: 52px;}

.ip-box, .two_list {padding-left: 10px; padding-right: 10px;}

.footinfo{overflow:hidden;text-align:center!important;background:#CD1827;position:fixed;bottom:0;left:0;z-index:999;width:100%;line-height:1.65}
.footinfo .main{display:flex}
.footinfo .main>div{flex:1}
.footinfo a.item{color:#f1f1f1;padding:8px 0 5px;display:inline-block}
.footinfo a.item i{font-size:16px;display:block}
.footinfo a.item span{color:#fff;font-size:14px}

.online .onlinebox {padding:0em 15px}
.online {width:94%; margin:0 auto;}
.online .form-horizontal {padding: 1em 0px; }


.wml-title h3 {margin-top: 0;}
.banner .swiper-pagination-bullets {bottom: 16px; }
.part_1 {padding-left: 1.2em; padding-right: 1.2em;}
.part_1 .Txt {padding: 1em 0;}

.i2-pro .widget {margin-right: 0;}



}


@media (min-width:769px) and (max-width:992px;){

}


@media (min-width:1200px) {
.container{width:1200px;}
.autowidth {width: 1200px; margin: auto; }
}




/* banner */



/* 核心产品 */
.irpbox {padding:20px 0 0; margin: 15px 0px; border-radius: 6px; box-shadow: 0 3px 20px rgba(0,0,0,.08);}
.irpbox .item {text-align: center; margin-bottom: 25px;}
.irpbox .item .thumb {}
.irpbox .item .thumb img {max-width: 100%; height: 40px;}
.irpbox .item .text {}
.irpbox .item .text h4 {font-size: 16px;}

.f6f6f6 {background-color: #f6f6f6;}


.iadv {}
.advbox {padding-bottom: 1em;}
.advbox .col-xs-6:nth-child(odd) {padding-right: 7.5px;}
.advbox .col-xs-6:nth-child(even) {padding-left: 7.5px;}
.advbox .item {text-align: center; background: #fff; padding: 25px 0; border-radius: 6px; margin-bottom: 15px; box-shadow: 0 2px 10px rgba(0,0,0,.08);}
.advbox .item .img {height: 100px; overflow: hidden;}
.advbox .item img {max-width: 100%;}
.advbox .item .text {text-align: left; padding:0 15px; text-align: justify; height: 80px; display: flex; align-items: center;}
.advbox .item .t {font-size: 20px; margin-bottom: 8px; }
.advbox .item .t span {color: rgb(230, 0, 31)}


.iabox {}
.iabox .text {line-height: 26px;}
.iabox .text span {color: rgb(230, 0, 31); font-weight: bold;}