/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{color:#666;}
a:visited{color:#666;}
a:hover,a:active,a:focus{color:#009b4c;text-decoration:none;outline:none;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}   
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}
.w1200 {width: 1200px;margin: 0 auto;}
.p1920 {width: 1920px;position: relative;left: 50%;margin-left: -960px;}




/* 头部 */
.ph1 {width: 100%;background-color: #f8f8f8;}
.ph1-box div {font-size: 14px;line-height: 51px;color: #999999;}
.ph1-box div p {font-size: 14px;line-height: 51px;color: #999999;}
.ph1-box div a {font-size: 14px;line-height: 51px;color: #999999;}

.ph2a {line-height: 112px;}
.ph2b {
        background-repeat: no-repeat;
    background-position: left 30px;
    margin-top: 10px;
    padding-left: 65px;
}
.ph2b h3 {font-size: 22px;color: #333333;line-height: 1;font-weight: normal;}
.ph2b p {font-size: 30px;color: #018b4f;line-height: 1;margin-top:4px;font-family: "宋体";}

.ph3 {background-color: #3a56ad;}

/*导航栏样式*/
.nav {transform: translateX(-17px);}
.nav li{text-align:center;float:left;position:relative;z-index:999;}

.nav li a{display:block;line-height:54px;color:#fff;height:54px;font-size: 16px;padding: 0;padding: 0 22px;}
.nav li:hover a{color:#fff;text-decoration:none;background-color:#d10707;}
.nav>li:focus>a, .nav>li:hover>a {
    text-decoration: none;
    background-color: #d10707;
}

.nav li.active a{color:#fff;text-decoration:none;background-color:#d10707;}


.nav .sec{height:0;background:#d10707;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:54px;left:50%;width: 200px;transform: translateX(-50%);}
.nav .sec a{background:#d10707;color:#fff;height:38px;line-height:38px;font-size: 14px;}
.nav .sec a:hover{background:#d10707;text-decoration:none;}

/* 搜索 */
.p1 {background-color: #f5f5f5;}
.p1a {font-size: 14px;color: #444444;line-height: 56px;}
.p1a a {font-size: 14px;color: #444444;line-height: 56px;margin-left: 10px;}

.p1b {width: 248px;height: 38px;overflow: hidden;margin-top: 10px;margin-right: 107px;border-radius: 5px;background-color: #fff;border: none;outline: none;}

.p1b input {float: left;border: none;outline: none;background-color: transparent;height: 100%;}
.p1b input.p1b1 {width: 220px;padding-left: 13px;font-size: 14px;color: #acacac;}

.p1b input.p1b1::-webkit-input-placeholder {color: #acacac;}
.p1b input.p1b1::-moz-input-placeholder {color: #acacac;}
.p1b input.p1b1::-ms-input-placeholder {color: #acacac;}
.p1b input.p1b1::input-placeholder {color: #acacac;}

.p1b input.p1b2 {width: 28px;background-image: url(../images/p1b2.png);background-repeat: no-repeat;background-position: left center;}

/* 产品分类 */
.p2-box {padding-top: 75px;padding-bottom: 80px;}

.p2a {width: 280px;border: 3px solid #d10707;}
.p2a1 {background-color: #d10707;font-size: 18px;color: #fff;padding-top: 10px;padding-bottom: 24px;padding-left: 10px;background-image: url(../images/p2a1.png);background-repeat: no-repeat;background-position: 100px 10px;line-height: 1;}

.p2a2 {width: 100%;min-height: 555px;padding: 0 10px;}
.p2a2 ul {width: 100%;}
.p2a2 ul li {width: 100%;border-bottom: 1px #dedede dashed;}
.p2a2 ul li a {display: block;width: 100%;font-size: 16px;color: #494949;line-height:53px;padding-left: 49px;position: relative;background-image: url(../images/p2a2.png);background-repeat: no-repeat;background-position: 20px center;}
.p2a2 ul li a::after {content: "";display: none;width: 17px;height: 17px;background-image: url(../images/p2a2-after.png);background-repeat: no-repeat;background-size: contain;background-position: center center;position: absolute;top: 50%;right: 20px;transform: translateY(-50%);}

.p2a2 ul li a:hover {background-image: url(../images/p2a2-hover.png);color: #fe817d;}
.p2a2 ul li a:hover::after {display: block;}

.p2a3 {width: 100%;background-repeat: no-repeat;background-color: #d10707;padding-top: 29px;padding-left: 95px;background-position: 29px 26px;padding-bottom: 46px;}
.p2a3 h3 {font-size: 18px;color: #fff;line-height: 1;font-weight: normal;}
.p2a3 p {font-size: 18px;color: #fff;line-height: 1;margin-top: 10px;}

.p2b {width: 905px;}
.p2b1 {width: 100%;background-image: url(../images/p2b1.png);background-repeat: repeat-x;background-position: left 48px;height: 50px;padding-top: 22px;}
.p2b1 div {width: 103px;border-bottom: 3px solid #d10707;text-align: center;font-size: 18px;color: #d10707;line-height: 1;height: 28px;box-sizing: border-box;}
.p2b1 a {display: block;font-size: 12px;color: #666666;line-height: 18px;}

.p2b2 {padding-top: 22px;}
.p2b2 ul {width: 100%;}
.p2b2 ul li {width: 287px;margin-right: 22px;}
.p2b2 ul li:nth-child(3n) {margin-right: 0;}
.p2b2a {width: 100%;height: 289px;position: relative;overflow: hidden;}
.p2b2a img {width: 100%;min-height: 100%;    border: 1px solid #666666;}
.p2b2a a {display: none;position: absolute;left: 0;top: 0;right: 0;bottom: 0;background-color: rgba(18, 18, 18, .55);padding: 10px 9px;}
.p2b2a a div {width: 100%;height: 100%;box-sizing: border-box;border: 1px solid #acacad;background-image: url(../images/p2b2a2.png);background-repeat: no-repeat;background-position: center center;}

.p2b2 ul li .p2b2b {display: block;font-size: 17px;text-align: center;width: 100%;line-height: 40px;color: #000000;}

.p2b2 ul li:hover .p2b2a a {display: block;}

/* 合作案例 */
.p3-box {padding-bottom: 65px;}

.p3a1 h3 {font-size: 53px;color: #d10707;font-family: Impact;text-transform: uppercase;font-weight: normal;line-height: 1;letter-spacing: 6px;}
.p3a1 h4 {font-size: 30px;color: #333333;line-height: 1;margin-top: 10px;display: inline-block;padding-right: 135px;background-image: url(../images/p3a1.png);background-repeat: no-repeat;background-position: right center;}

.p3a .p3a2 {display: block;width: 157px;height: 50px;box-sizing: border-box;border: 1px solid #d7d7d7;text-align: center;line-height: 48px;text-transform: uppercase;color: #333;font-size: 16px;}

.p3b {margin-top: 40px;position: relative;}

.p3b1 ul li {width: 1200px;}

.p3b1a {display: block;width: 797px;height: 449px;overflow: hidden;}
.p3b1a img {width: 100%;min-height: 100%;}

.p3b1b {width: 394px;height: 449px;background-color: #eff0f0;position: relative;padding-top: 48px;padding-left: 70px;padding-right: 55px;}
.p3b1b a {font-size: 24px;color: #333;font-weight: bold;display: block;line-height: 1;}
.p3b1b p {font-size: 16px;color: #666;line-height: 40px;margin-top: 25px;}
.p3b1b div {width: 110px;height: 0;border-top: 6px solid #d10707;position: absolute;left: -64px;top: 57px;z-index: 9;}

.p3b2 {position: absolute;width: 126px;height: 63px;background-image: url(../images/p3b.jpg);background-repeat: no-repeat;background-size: 100% 100%;bottom: 0;left: 671px;}
.p3b2 a {display: block;width: 50%;height: 100%;}

.p3c {margin-top: 15px;width: 100%;}
.p3c ul {width: 100%;}
.p3c ul li {width: 394px;margin-right: 9px;}
.p3c ul li:nth-child(3n) {margin-right: 0;}
.p3c ul li a {display: block;width: 100%;}
.p3c ul li a div {width: 100%;height: 246px;overflow: hidden;}
.p3c ul li a div img {width: 100%;min-height: 100%;}
.p3c ul li a h3 {width: 100%;text-align: center;line-height: 1;margin-top: 20px;font-size: 16px;color: #333;font-weight: normal;}

/* 五大优势 */
.p4 {background-image: url(../images/p4.png);background-repeat: no-repeat;background-size: cover;background-position: center top;}

.p4-box {min-height: 641px;box-sizing: border-box;padding-top: 110px;}

.p4a {text-align: center;}
.p4a h3 {font-size: 30px;color: #333;line-height: 1;}
.p4a h3 span {color: #d10707;}
.p4a p {font-size: 18px;text-transform: uppercase;color: rgba(51, 51, 51, .43);line-height: 1;margin-top: 10px;}
.p4a div {width: 100%;text-align: center;font-size: 16px;color: #fff;background-image: url(../images/p4a.png);background-repeat: no-repeat;background-position: center center;line-height: 36px;margin-top: 10px;}

.p4b {margin-top: 55px;width: 100%;}
.p4b ul {width: 100%;}
.p4b ul li {width: 238px;margin-right: 2px;}
.p4b ul li:nth-child(5n) {margin-right: 0;}
.p4b ul li a {display: block;width: 100%;min-height: 196px;background-color: #fff;}
.p4b ul li a div {width: 100%;height: 115px;position: relative;}
.p4b ul li a div img {position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);max-width: 100%;max-height: 100%;}
.p4b ul li a div img+img {opacity: 0;}
.p4b ul li a h3 {font-size: 15px;color: #666;margin-top: 20px;display: block;width: 100%;text-align: center;position: relative;line-height: 1;}
.p4b ul li a h3::after {content: "";display: block;width: 29px;border-top: 2px solid #666666;position: absolute;left: 50%;top: 100%;transform: translate(-50%, 10px);}

.p4b ul li a:hover div img {opacity: 0;}
.p4b ul li a:hover div img+img {opacity: 1;}
.p4b ul li a:hover h3 {color: #d10707;}
.p4b ul li a:hover h3::after {border-color: #d10707;}

/* 四大理由 */
.p5a {width: 100%;}
.p5a li {width: 293px;padding-top: 55px;position: relative;margin-right: 9px;}
.p5a li:nth-child(4n) {margin-right: 0;}
.p5a li:nth-child(2n) {padding-top: 110px;}
.p5a1 {position: absolute;left: 50%;top: 0;transform: translateX(-50%);}
.p5a li:nth-child(2n) .p5a1 {top: 55px;}
.p5a2 {width: 100%;height: 237px;overflow: hidden;}
.p5a2 img {width: 100%;min-height: 100%;}
.p5a3 {width: 100%;box-sizing: border-box;padding: 15px 25px 0 36px;min-height: 342px;border: 1px solid #e5e5e5;}
.p5a3 h3 {font-size: 22px;color: #000;line-height: 30px;}
.p5a3 p {font-size: 15px;color: #585858;line-height: 26px;margin-top: 5px;padding-right: 15px;text-align: justify;}

/* 公司简介 */
.p6-box {padding-top: 85px;padding-bottom: 93px;}

.p6a h3 {font-size: 53px;color: #d10707;font-family: Impact;text-transform: uppercase;font-weight: normal;line-height: 1;letter-spacing: 6px;}
.p6a h4 {font-size: 30px;color: #333333;line-height: 1;margin-top: 10px;display: inline-block;padding-right: 135px;background-image: url(../images/p3a1.png);background-repeat: no-repeat;background-position: right center;}

.p6b {margin-top: 60px;}
.p6b1 {width: 452px;}
.p6b1 img {width: 100%;}

.p6b2 {width: 670px;padding-top: 60px;}
.p6b2a {font-size: 29px;color: #333;line-height: 1;font-weight: normal;}
.p6b2b {width: 53px;height: 0;border-top: 5px solid #d10707;margin-top: 28px;}
.p6b2c {margin-top: 20px;height: 180px;overflow: hidden;}
.p6b2c p {font-size: 16px;color: #666666;line-height: 30px;}
.p6b2 .p6b2d {display: block;width: 142px;height: 41px;background-image: url(../images/p6b2d.png);background-repeat: no-repeat;font-size: 14px;color: #999999;line-height: 41px;padding-left: 13px;margin-top: 30px;}
.p6b2e {margin-top: 40px;}
.p6b2e li {width: 221px;height: 150px;border: 1px solid #b5b5b5;overflow: hidden;margin-right: 3px;}
.p6b2e li:nth-child(3n) {margin-right: 0;}
.p6b2e li a {display: block;width: 100%;height: 100%;}
.p6b2e li a img {width: 100%;min-height: 100%;}

/* 客户见证 */
.p7 {background-image: url(../images/p7.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;}
.p7-box {min-height: 749px;padding-top: 81px;position: relative;text-align: center;}

.p7a {text-align: center;padding-bottom: 32px;background-image: url(../images/p7a.png);background-repeat: no-repeat;background-position: center bottom;}
.p7a h3 {font-size: 48px;color: #fff;line-height: 1;}
.p7a p {font-size: 14px;color: #fff;margin-top: 25px;line-height: 1;}

.p7b {margin-top: 57px;width: 100%;position: relative;}
.p7b1 {width: 100%;height: 350px;position: relative;}
.p7b1 li {width: 194px;height: 164px;position: absolute;}
.p7b1 li a {display: block;width: 100%;height: 100%;}
.p7b1 li a img {width: 100%;height: 100%;}

.p7b1 li:nth-child(1) {left: 0;top: 50%;transform: translateY(-50%);}
.p7b1 li:nth-child(2) {left: 161px;top: 0;}
.p7b1 li:nth-child(3) {left: 161px;bottom: 0;}
.p7b1 li:nth-child(4) {left: 334px;top: 50%;transform: translateY(-50%);}
.p7b1 li:nth-child(5) {left: 50%;top: 0;transform: translateX(-50%);}
.p7b1 li:nth-child(6) {left: 50%;bottom: 0;transform: translateX(-50%);}
.p7b1 li:nth-child(7) {right: 334px;top: 50%;transform: translateY(-50%);}
.p7b1 li:nth-child(8) {right: 161px;top: 0;}
.p7b1 li:nth-child(9) {right: 161px;bottom: 0;}
.p7b1 li:nth-child(10) {right: 0;top: 50%;transform: translateY(-50%);}

.p7b2 img {position: absolute;width: 80px;height: 68px;}
.p7b2 img:nth-child(1) {left: 391px;top: 0;}
.p7b2 img:nth-child(2) {left: 391px;bottom: 0;}
.p7b2 img:nth-child(3) {right: 391px;top: 0;}
.p7b2 img:nth-child(4) {right: 391px;bottom: 0;}

.p7c {display: inline-block;padding-left: 50px;background-repeat: no-repeat;background-position: left center;text-align: center;margin: 38px auto 0;}
.p7c p {font-size: 24px;color: #fff;font-family: Arial;line-height: 28px;}

.p7 .p7d {position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);}

/* 新闻咨询 */
.p8 {padding-top: 100px;}

.p8a {font-size: 36px;color: #d10707;font-weight: bold;text-align: center;background-image: url(../images/p8a.png);background-repeat: no-repeat;background-position: center bottom;padding-bottom: 22px;}

.p8-box {width: 100%;background-color: #f2f2f2;margin-top: 17px;}
.p8-item {padding-top: 44px;padding-bottom: 6px;}

.p8b {width: 820px;min-height: 500px;background-color: #fff;}
.p8b1 {background-color: #fff;height: 60px;background-image: url(../images/p8b1.png);background-repeat: repeat-x;background-position: left bottom;}

.p8b1a {background-image: url(../images/p8b1a.png);background-repeat: no-repeat;background-position: center 22px;}
.p8b1a li {width: 96px;height: 60px;box-sizing: border-box;border-bottom: 3px solid transparent;line-height: 57px;font-size: 16px;color: #000;text-align: center;cursor: pointer;}
.p8b1a li.on {color: #d10707;border-color: #d10707;}

.p8b1 .p8b1b {display: block;height: 60px;line-height: 60px;width: 83px;box-sizing: border-box;border-left: 2px solid #e0e0e0;padding-left: 10px;font-size: 15px;color: #000;text-transform: uppercase;}

.p8b2 {width: 100%;padding-top: 13px;padding-left: 31px;padding-right: 29px;padding-bottom: 29px;}
.p8b2a {width: 306px;}
.p8b2a1 {width: 100%;height: 206px;overflow: hidden;}
.p8b2a1 img {width: 100%;height: 100%;}
.p8b2a2 {margin-top: 19px;}
.p8b2a2 a {display: block;width: 100%;font-size: 16px;color: #000;line-height: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.p8b2a3 {margin-top: 13px;font-size: 14px;color: #666;line-height: 24px;}
.p8b2a4 {margin-top: 30px;}
.p8b2a4 a {display: block;width: 142px;height: 41px;line-height: 41px;padding-left: 26px;font-size: 14px;color: #d10707;background-image: url(../images/p8b2a4.png);background-repeat: no-repeat;}

.p8b2b {width: 422px;padding-top: 13px;}
.p8b2b-box {width: 100%;height: 115px;box-sizing: border-box;border: 1px solid #ececec;}
.p8b2b1 {width: 108px;height: 100%;background-image: url(../images/p8b2b1.jpg);background-repeat: no-repeat;background-position: right center;padding-top: 26px;text-align: center;}
.p8b2b1 h3 {font-size: 36px;color: #000;font-weight: normal;line-height: 1;}
.p8b2b1 h4 {font-size: 17px;color: #000;font-weight: normal;line-height: 1;margin-top: 10px;}

.p8b2b2 {width: 312px;height: 100%;box-sizing: border-box;padding-left: 14px;padding-right: 32px;padding-top: 26px;}
.p8b2b2 a {display: block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;color: #000;line-height: 1;}
.p8b2b2 p {font-size: 14px;color: #737373;line-height: 24px;margin-top: 10px;}

.p8b2b-box+.p8b2b-box {margin-top: 14px;}

.p8c {width: 360px;min-height: 500px;background-color: #fff;}
.p8c1 {width: 100%;height: 60px;box-sizing: border-box;border-bottom: 2px solid #e0e0e0;}
.p8c1a {font-size: 15px;color: #000;line-height: 58px;padding-left: 25px;background-image: url(../images/p8b1a.png);background-repeat: no-repeat;background-position: 98px center;}
.p8c1a span {text-transform: uppercase;margin-left: 30px;}

.p8c1 .p8c1b {display: block;height: 58px;line-height: 58px;width: 83px;box-sizing: border-box;border-left: 2px solid #e0e0e0;padding-left: 10px;font-size: 15px;color: #000;text-transform: uppercase;}

.p8c2a {padding: 0 27px;width: 100%;box-sizing: border-box;}
.p8c2a ul {width: 100%;}
.p8c2a ul li {height: 129px;margin-bottom: 9px;border-bottom: 1px dotted #d8d8d8;}
.p8c2a ul li a {display: block;padding-left: 30px;font-size: 16px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background-repeat: no-repeat;line-height: 20px;background-image: url(../images/p8c2a-a.jpg);background-position: left center;}
.p8c2a ul li p {display: block;font-size: 14px;color: #5b5a5a;line-height: 20px;margin-top: 14px;padding-left: 30px;background-image: url(../images/p8c2a-p.jpg);background-repeat: no-repeat;background-position: left top;}

/* 底部 */
footer {background-color: #d10707;}
.pf1 {width: 100%;border-bottom: 2px solid #ff0404;}

.pf1a {width: 100%;border-bottom: 2px solid #ff0404;padding-bottom: 28px;}
.pf1a1 {padding-top: 45px;}
.pf1a1 h3 {font-size: 14px;color: #fff;text-transform: uppercase;line-height: 1;font-weight: normal;}
.pf1a1 h4 {display: inline-block;padding-right: 47px;line-height: 1;margin-top: 17px;font-size: 18px;color: #fff;background-image: url(../images/pf1a1.png);background-repeat: no-repeat;background-position: right center;}

.pf1a2 {padding-top: 75px;}
.pf1a2 p a {font-size: 14px;color: #fff;line-height: 1;}

.pf1b {width: 100%;border-top: 2px solid #fb1818;padding-top: 70px;padding-bottom: 50px;}
.pf1b1 {width: 710px;border-right: 1px dashed #fff;margin-top: 10px;}
.pf1b1a p a {font-size: 18px;color: #fff;line-height: 1;}
.pf1b1b {margin-top: 25px;}
.pf1b1b p {font-size: 14px;color: #fff;line-height: 30px;}
.pf1b1c {font-size: 14px;color: #fff;line-height: 30px;display:none;}
.pf1b1c a {font-size: 14px;color: #fff;line-height: 30px;}

.pf1b2 img {width: 157px;}
.pf1b2 img+img {margin-left: 20px;}

.pf2 {width: 100%;border-top: 2px solid #fb1818;text-align: center;padding: 20px 0;}
.pf2 p {font-size: 14px;color: #fff;line-height: 24px;}
.pf2 p a {font-size: 14px;color: #fff;line-height: 24px;}


/* 产品详情页产品推荐 */
.cp_tj {width: 100%;margin-bottom: 20px;}
.cp_tj1 {width: 100%;text-align: center;background-color: #3a56ad;padding: 15px 0;}
.cp_tj1 h3 {font-size: 26px;color: #fff;font-weight: bold;line-height: 2;}
.cp_tj1 p {font-size: 12px;font-family: Arial;color: #fff;text-transform: uppercase;line-height: 2;}

.cp_tj2 {width: 100%;box-sizing: border-box;padding: 10px;border: 1px solid #ccc;border-top: none;}
.cp_tj2 li {width: 100%;}
.cp_tj2 li+li {margin-top: 15px;}
.cp_tj2 li a {display: block;width: 100%;}
.cp_tj2 li a div {width: 100%;box-sizing: border-box;border: 1px solid #eee;}
.cp_tj2 li a div img {width: 100%;}
.cp_tj2 li a h3 {text-align: center;font-size: 14px;color: #444;line-height: 20px;padding-top: 5px;font-weight: normal;}

.cp_tj2 li a:hover div {border-color: #3a56ad;}





.index .more {
	margin-top: 40px;
}
.index .more .line {
	display: block;
	width: 353px;
	height: 1px;
	margin-top: 24px;
	background: #ccc;
}
.index .more .look_more {
	display: block;
	width: 198px;
	height: 48px;
	font-size: 16px;
	line-height: 48px;
	text-align: center;
	border: 1px solid #ccc;
	transition: all .5s;
}
.index .more .look_more:hover {
	background: #dc0000;
	color: #fff;
	transition: all .5s;
	border: 1px solid #dc0000;
}