@charset "utf-8";
body {font-size: 18px;margin:0px; padding:0px; text-decoration:none;font-family:'微软雅黑';margin: 0 auto;}
ul,img,form,p,li,dl,dt,div{ margin:0; padding:0; /*border:0; font-weight:normal;*/}
li{list-style:none;}
img{border:0;}
.cl{ clear:both;}
a{text-decoration: none;}
/*a:visited{color: red;}*/

.tch1 table{border-collapse:collapse;}
.tch1 table,.tch1 table tr,.tch1 table tr td{width:100%; height:100%; border:0px; padding:0px; margin:0px;}
.tch1 td{text-align:center; vertical-align:middle;}
.backc{background-repeat: no-repeat;background-position: center center;background-size: cover;}
.backt{background-repeat: no-repeat;background-position: center center;background-size: contain;}
.textov1{white-space: nowrap; text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.textov2{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;  -webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}

.body1{width: 1414px;float: none;margin: 0px auto;height: auto;overflow: hidden;}
.body2{width: 1120px;float: none;margin: 0px auto;height: auto;overflow: hidden;}
.body3{width: 1420px;float: none;margin: 0px auto;height: auto;}
.body4{width: 1200px;float: none;margin: 0px auto;height: auto;}
.body5{width: 980px;float: none;margin: 0px auto;height: auto;}
.body6{width: 1180px;float: none;margin: 0px auto;height: auto;overflow: hidden;}

.load1{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: transparent;z-index: 99999;display: none;}
.load2{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 99999;text-align: center;display: none;}
.load2 .i1{top: 49%;position: absolute;left: 49%;}
.no1{text-align: center;line-height: 40px;font-size: 16px;color: #666;padding: 80px 10px;}

.in1{height: 88px;}
.in1 .l1{float: left;padding-top: 28px;}
.in1 .i1{height: 36px;display: block;float: left;}
.in1 .i2{height: 28px;display: block;float: left;margin: 4px 0 0 8px;}
.in1 .r1{float: right;padding-top: 23px;}
.in1 .a1{height: 42rpx;line-height: 42px;display: inline-block;vertical-align: top;font-size: 14px;color: #b3b3b3;}
.in1 .a1.a4{color: #D71920;}
.in1 .m1{height: 16px;width: 1px;background-color: #b3b3b3;display: inline-block;vertical-align: top;margin: 14px 8px 0 8px;}
.in1 .m2{height: auto;padding: 19px 76px 0 0;float: right;}
.in1 .a2{height: 50px;line-height: 50px;padding: 0 12px;margin: 0 4rpx;display: inline-block;vertical-align: top;font-size: 14px;color: #D71920;border-bottom: 2px #D71920 solid;}
.in1 .a3{height: 50px;line-height: 50px;padding: 0 12px;margin: 0 4rpx;display: inline-block;vertical-align: top;font-size: 14px;color: #000000;border-bottom: 2px #FFF solid;}
.in1 .a3:hover{color: #D71920;}
.in2{height: 56px;margin-top: 80px;}
.in2 .l1{width: 394px;height: 56px;float: left;}
.in2 .i1{height: 56px;display: block;}
.in2 .l2{height: 42px;line-height: 42px;float: left;font-size: 14px;color: #D71920;display: block;}
.in2 .i2{height: 7px;display: inline-block;margin: 10px 0 0 8px;}
.in2 .r1{height: 52px;border-bottom: 3px #D71920 solid;line-height: 42px;padding: 0 14px;font-size: 14px;color: #D71920;float: right;}
.in3{height: 248px;margin-top: 42px;}
.in3 .i1{width: 450px;height: 248px;float: left;position: relative;}
.in3 .a1{height: 38px;line-height: 38px;position: absolute;width: 400px;left: 25px;bottom: 10px;font-size: 16px;color: #ffffff;text-shadow: 0 1px 3px #666;}
.in3 .l1{width: 320px;height: 248px;background-color: #f6f6f6;float: left;margin-left: 14px;display: block;}
.in3 .t1{height: 68px;line-height: 76px;font-size: 16px;color: #000000;padding: 0 20px;}
.in3 .t2{height: 120px;line-height: 30px;font-size: 14px;color: #8c8c8c;overflow: hidden;padding: 0 20px;}
.in3 .t3{height: 16px;border-bottom: 1px #e5e5e5 solid;margin: 0 20px;}
.in3 .t4{height: 44px;padding: 0 20px;}
.in3 .l2{line-height: 50px;font-size: 14px;color: #8c8c8c;float: left;}
.in3 .i2{height: 7px;float: right;display: block;margin-top: 21px;float: right;}
.in4{height: auto;margin-top: 186px;}
.in4 .l1{width: 496px;height: auto;float: left;}
.in4 .d1{height: 66px;}
.in4 .i1{height: 66px;float: left;display: block;}
.in4 .t1{height: 56px;line-height: 56px;float: right;padding-right: 10px;font-size: 14px;color: #D71920;display: block;}
.in4 .i2{height: 7px;display: block;float: right;margin: 24px 0 0 8px;}
.in4 .d2{line-height: 30px;margin-top: 24px;height: auto;font-size: 14px;color: #000000;}
.in4 .d3{height: auto;padding-top: 34px;}
.in4 .l2{width: 114px;height: auto;float: left;position: relative;}
.in4 .i3{width: 74px;height: 74px;border-radius: 41px;border: 4px #f39800 solid;margin-left: 2px;}
.in4 .a1{width: 56px;height: 40px;line-height: 40px;background-color: #FFF;position: absolute;left: 0;top: 55px;text-align: center;font-size: 30px;color: #0097f0;font-weight: bold;}
.in4 .a2{width: 36px;height: 22px;line-height: 22px;background-color: #FFF;position: absolute;left: 54px;top: 70px;text-align: center;font-size: 14px;color: #0097f0;}
.in4 .a3{width: 8px;height: 8px;background-color: #FFF;position: absolute;left: 62px;top: 64px;} 
.in4 .t2{height: 26px;line-height: 26px;margin-top: 14px;font-size: 14px;color: #8d8d8d;}
.in4 .r1{width: 560px;height: 400px;float: right;border-radius: 64px 0 64px 0;}
.in5{height: auto;background-color: #f6f6f6;padding: 72px 0 82px 0;margin-top: 80px;}
.in5 .i1{height: 58px;display: block;}
.in5 .d1{height: auto;padding-top: 44px;margin: 0 -8px 0 -8px;}
.in5 .d2{width: 262px;height: 204px;display: inline-block;vertical-align: top;margin: 0 8px 16px 8px;}
.in5 .i2{width: 262px;height: 174px;}
.in5 .i2:hover{width: 302px;height: 214px;margin: -20px -20px;}
.in5 .t1{height:30px;line-height: 30px;font-size: 12px;color: #333;text-align: center;}
.in6{height: auto;padding: 78px 0 70px 0;}
.in6 .i1{height: 58px;display: block;}
.in6 .d1{height: auto;padding-top: 44px;margin: 0 -20px;}
.in6 .l1{width: 340px;height: auto;display: inline-block;vertical-align: top;margin: 0 20px;}
.in6 .i2{height: 212px;}
.in6 .i2:hover{width: 386px;height: 252px;margin: -20px -20px;}
.in6 .d2{height: 78px;border: 1px #eeeeee solid;border-bottom: none;}
.in6 .t1{height: 40px;line-height: 54px;padding: 0 16px;font-size: 16px;color: #000000;}
.in6 .t2{height: 28px;line-height: 28px;padding: 0 16px;font-size: 14px;color: #8c8c8c;}
.in6 .i3{height: 7px;float: right;margin-top: 9px;}

.fo1{height: auto;background-color: #D71920;padding: 26px 0 16px 0;}
.fo1 .d1{height: 40px;text-align: center;font-size: 16px;color: #ffffff;}
.fo1 .a1{height: 40px;padding: 0 36px;color: #ffffff;}
.fo1 .d2{height: auto;padding-top: 46px;padding-bottom: 40px;}
.fo1 .l1{width: 344px;padding-top: 18px;float: left;}
.fo1 .i1{width: 210px;display: block;}
.fo1 .l2{width: 580px;height: auto;float: left;line-height: 40px;font-size: 16px;color: #ffffff;}
.fo1 .l3{float: right;padding-top: 12px;text-align: right;}
.fo1 .i2{width: 140px;display: block;margin: 0 auto;}
.fo1 .t1{height: auto;line-height: 26px;width: 140px;text-align: center;font-size: 14px;color: #ffffff;padding: 10px;}
.fo1 .d3{height: auto;padding-top: 18px;border-top: 1px #FFF solid;text-align: center;line-height: 32px;color: #FFF;}
/*products.php*/
.pr1{display: block;width: 100%;}
.pr2{height: 58px;border-bottom: 1px #eeeeee solid;}
.pr2 .l1{float: left;padding: 22px 20px 0 0;}
.pr2 .i1{width: 16px;vertical-align: top;}
.pr2 .l2{float: left;padding: 26px 18px 0 0;}
.pr2 .i2{width: 4px;vertical-align: top;}
.pr2 .l3{float: left;height: 58px;line-height: 58px;font-size: 14px;color: #787878;}
.pr2 .r0{float: right;height: 58px;width: 600px;position: relative;}
.pr2 .r1{height: 58px;position: absolute;width: 600px;top: 0;right: 0;text-align: right;}
.pr2 .t1{height: 56px;line-height: 56px;border-bottom: 3px #D71920 solid;padding: 0 30px;font-size: 14px;color: #D71920;display: inline-block;vertical-align: top;cursor: pointer;}
.pr2 .t2{height: 56px;line-height: 56px;padding: 0 30px;font-size: 14px;color: #787878;display: inline-block;vertical-align: top;cursor: pointer;}
.pr2 .t3{height: 56px;line-height: 56px;font-size: 14px;color: #dcdcdc;display: inline-block;vertical-align: top;}
.pr3{height: auto;padding-top: 48px;}
.pr3 .l1{width: 240px;height: auto;background-color: #f0f0f0;float: left;}
.pr3 .t1{height: 60px;line-height: 60px;background-color: #991015;text-align: center;font-size: 16px;color: #ffffff;}
.pr3 .t2{height: 60px;line-height: 60px;background-color: #f0f0f0;text-align: center;font-size: 16px;color: #000000;display: block;}
.pr3 .t3{height: 60px;line-height: 60px;background-color: #D71920;text-align: center;font-size: 16px;color: #FFFFFF;display: block;}
.pr3 .t2:hover{background-color: #D71920;color: #FFFFFF;}
.pr3 .r1{width: 836px;height: auto;float: right;}
.pr3 .t4{height: 42px;line-height: 42px;background-color: #c8c8c8;padding: 0 24px;font-size: 16px;color: #ffffff;}
.pr3 .d1{height: auto;padding-top: 18px;margin: 0 -9px;}
.pr3 .d2{width: 266px;height: 204px;float: left;margin: 0 9px 18px 9px;display: block;}
.pr3 .i1{width: 266px;height: 174px;}
.pr3 .i1:hover{width: 326px;height: 202px;margin: -20px -14px;}
.pr3 .t5{height: 30px;line-height: 30px;text-align: center;font-size: 13px;color: #333;}
.pr4{height: auto;padding: 80px 0 98px 0;}
.pr4 .d1{height: 52px;line-height: 52px;text-align: center;}
.pr4 .zuo1{height: 52px;line-height: 52px;float: left;background-color: #f6f6f6;padding: 0 34px;display: block;font-size: 14px;color: #000000;}
.pr4 .you1{height: 52px;line-height: 52px;float: right;background-color: #f6f6f6;padding: 0 34px;display: block;font-size: 14px;color: #000000;}
.pr4 .b1{height: 52px;line-height: 52px;background-color: #0097f0;padding: 0 22px;display: inline-block;vertical-align: top;font-size: 14px;color: #ffffff;margin: 0;}
.pr4 .b2{height: 52px;line-height: 52px;background-color: #f6f6f6;padding: 0 22px;display: inline-block;vertical-align: top;font-size: 14px;color: #000000;margin: 0;}
/*cases.php*/
.ca1{height: auto;padding-top: 60px;margin: 0 -20px;}
.ca1 .l1{width: 346px;height: auto;float: left;margin: 0 20px 42px 20px;display: block;}
.ca1 .i1{height: 212px;}
.ca1 .i1:hover{width: 386px;height: 252px;margin: -20px -20px;}
.ca1 .d1{height: auto;border: 1px #eeeeee solid;border-top: none;padding: 10px 16px;}
.ca1 .t1{height: 30px;line-height: 30px;font-size: 16px;color: #000000;}
.ca1 .t2{height: 26px;line-height: 26px;font-size: 14px;color: #8c8c8c;}
.ca1 .i2{height: 7px;float: right;margin-top: 8px;}
/*aboutus.php*/
.ab1{height: auto;padding-top: 78px;}
.ab1 .l1{width: 842px;height: auto;float: left;}
.ab1 .i1{height: 58px;display: block;}
.ab1 .t1{height: auto;padding-top: 30px;line-height: 28px;font-size: 14px;color: #000000;}
.ab1 .r1{width: 240px;float: right;height: auto;margin-right: -18px;padding-top: 2px;}
.ab1 .l2{width: 114px;height: auto;float: left;position: relative;margin-bottom: 30px;}
.ab1 .i3{width: 74px;height: 74px;border-radius: 41px;border: 4px #f39800 solid;margin-left: 2px;}
.ab1 .a1{width: 56px;height: 40px;line-height: 40px;background-color: #FFF;position: absolute;left: 0;top: 55px;text-align: center;font-size: 30px;color: #0097f0;font-weight: bold;}
.ab1 .a2{width: 36px;height: 22px;line-height: 22px;background-color: #FFF;position: absolute;left: 54px;top: 70px;text-align: center;font-size: 14px;color: #0097f0;}
.ab1 .a3{width: 8px;height: 8px;background-color: #FFF;position: absolute;left: 62px;top: 64px;}
.ab1 .t2{height: 26px;line-height: 26px;margin-top: 14px;font-size: 14px;color: #8d8d8d;}
.ab1 .i2{height: 62px;display: block;margin: 0 auto;}
.ab1 .d1{height: auto;padding-top: 28px;}
.ab1 .l3{width: 790px;height: auto;float: left;}
.ab1 .t3{line-height: 56px;font-size: 22px;color: #0097f0;}
.ab1 .t4{line-height: 36px;font-size: 18px;color: #000101;text-indent: 2em;}
.ab1 .r3{width: 310px;height: auto;float: right;padding-top: 58px;}
.ab1 .b1{width: 120px;height: 100px;float: left;margin: 0 0 15px 28px;background-image: url(../images/ab5.jpg);background-repeat: no-repeat;background-size: 100% auto;background-position: top;position: relative;}
.ab1 .t5{position: absolute;top: 26px;left: 0;right: 0;text-align: center;height: 32px;line-height: 32px;font-size: 22px;color: #0097f0;font-weight: bold;}
.ab1 .t6{position: absolute;top: 62px;left: 0;right: 0;text-align: center;height: 26px;line-height: 26px;font-size: 16px;color: #001521;}
.ab2{width: 100%;display: block;margin-top: 30px;}
/*.ab3{height: auto;background-color: #f6f6f6;padding: 74px 0 60px 0;margin-top: 80px;}
.ab3 .i1{height: 60px;display: block;}
.ab3 .i2{width: 100%;display: block;margin-top: 36px;}*/
.ab3{height: auto;background-color: #f6f6f6;padding: 56px 0 40px 0;margin-top: 50px;}
.ab3 .i1{height: 62px;display: block;margin: 0 auto;}
.ab3 .d1{margin: 50px -10px 0 -10px;}
.ab3 .i2{width: 358px;height: 234px;float: left;margin: 0 10px 22px 10px;cursor: pointer;transition: all 0.6s ease;-webkit-transform: all 0.6s ease;-moz-transform: all 0.6s ease;-o-transform: all 0.6s ease;}
.ab3 .i2:hover{width: 378px;height: 254px;margin: -10px;transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);}
/*.ab4{height: auto;padding: 76px 0 100px 0;}
.ab4 .l1{width: 600px;height: auto;float: left;}
.ab4 .i1{height: 60px;display: block;}
.ab4 .t1{height: auto;padding-top: 36px;line-height: 50px;font-size: 18px;color: #000000;}
.ab4 .i3{width: 506px;margin-top: 6px;display: block;float: right;display: block;}*/
.ab4{height: auto;padding: 50px 0 70px 0;}
.ab4 .i1{height: 57px;display: block;margin: 0 auto;}
.ab4 .d1{height: auto;margin: 0 -10px;padding-top: 66px;}
.ab4 .l1{width: 264px;height: 119px;background-image: url(../images/ab7.jpg);background-repeat: no-repeat;background-size: contain;background-position: center;margin: 0 10px 10px 10px;float: left;}
.ab4 .t1{height: 58px;line-height: 52px;text-align: center;font-size: 21px;color: #0097f0;}
.ab4 .t2{line-height: 22px;text-align: center;padding: 0 20px;font-size: 16px;color: #000407;}
/*contactus.php*/
.co1{height: auto;padding-top: 56px;}
.co1 .i1{height: 62px;display: block;margin: 0 auto;}
.co1 .d1{height: auto;padding-top: 24px;line-height: 26px;font-size: 14px;color: #a0a0a0;}
.co1 .d2{font-size: 14px;color: #000000;height: auto;padding-top: 16px;}
.co1 .l1{width: 50%;float: left;height: 38px;line-height: 38px;}
.co1 .s1{padding-left: 24px;}
.co1 .d3{height: 320px;margin-top: 30px;}
.co1 .d4{height: 412px;margin-top: 40px;}
.co1 .l2{width: 560px;height: 412px;float: left;}
.co1 .r2{width: 534px;height: 412px;float: right;overflow: auto;}
.co1 .t1{line-height: 32px;font-size: 18px;color: #0097f0;}
.co1 .t2{line-height: 32px;font-size: 14px;color: #000000;}
.co1 .t3{height: 2px;background-color: #4b7991;margin: 20px 0 16px 0;}
.co2{height: auto;background-color: #f6f6f6;padding: 50px 0 74px 0;}
.co2 .i1{height: 60px;display: block;margin: 0 auto 44px auto;}
.co2 .d1{min-width: 160px;background-color: #FFF;border-radius: 10px;padding: 0 16px;margin-bottom: 20px;}
.co2 .tx1{width: 100%;height: 160px;background: transparent;padding: 0;margin: 0;outline: medium;border: none;line-height: 30px;font-size: 14px;color: #333;}
.co2 .d2{height: auto;margin-right: -40px;}
.co2 .l1{width: 540px;height: 48px;background-color: #FFF;border-radius: 10px;float: left;margin-bottom: 20px;margin-right: 40px;position: relative;}
.co2 .yzm{position: absolute;right: 20px;top: 8px;height: 34px;cursor: pointer;}
.co2 .inp1{width: 500px;height: 48px;line-height: 48px;background: transparent;border: none;padding: 0;margin: 0 0 0 16px;outline: medium;font-size: 14px;color: #333;}
.co2 .b1{height: 46px;line-height: 46px;background-color: #D71920;border-radius: 10px;text-align: center;font-size: 14px;color: #ffffff;cursor: pointer;}
/*news.php*/
.ne1{height: auto;padding-top: 20px;}
.ne1 .d1{height: auto;padding: 36px 30px;display: block;position: relative;}
.ne1 .d1:hover{background-color: #dbf0fd;}
.ne1 .i1{width: 272px;height: 180px;float: left;}
.ne1 .r1{width: 808px;height: auto;float: right;}
.ne1 .t1{height: 52px;line-height: 52px;font-size: 20px;color: #000000;}
.ne1 .t2{height: 52px;line-height: 26px;font-size: 14px;color: #787878;margin-top: 10px;}
.ne1 .t3{height: 30px;line-height: 30px;margin-top: 20px;font-size: 14px;color: #787878;}
.ne1 .r2{float: right;}
.ne1 .i2{height: 16px;margin: 7px 6px 0 0;float: left;}
.ne1 .a1{height: 1px;background-color: #eeeeee;position: absolute;bottom: 0;left: 30px;right: 30px;}

.bt1{line-height: 60px;font-size: 18px;color: #333;font-weight: bold;letter-spacing: 1px;text-align: center;padding: 10px 10px 20px 10px;}
.nr1{height: auto;padding: 10px 0 50px 0;}
.nr1 img{max-width: 100%;}

.pr5{height: auto;padding: 10px 0;}
.pr5 .l1{height: auto;padding-top: 10px;float: left;}
.pr5 .d11{width: 480px;height: 320px;position: relative;text-align: center;}
.pr5 .d2{width: 320px;height: 320px;margin: 0 auto;}
.pr5 .i1{width: 320px;height: 320px;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.pr5 .zuo1{width: 34px;position: absolute;top: 126px;left: 0;cursor: pointer;}
.pr5 .you1{width: 34px;position: absolute;top: 126px;right: 0;cursor: pointer;}
.pr5 .r1{width: 480px;height: auto;margin-left: 50px;padding-top: 6px;float: left;font-size: 16px;color: #333;line-height: 30px;}
.en0 .pr5 .r1{font-size: 14px;color: #333;line-height: 30px;}

.pr5 .d4{height: 188px;position: relative;margin-top: 26px;}
.pr5 .zuo2{width: 34px;position: absolute;top: 63px;left: 0;cursor: pointer;}
.pr5 .you2{width: 34px;position: absolute;top: 63px;right: 0;cursor: pointer;}
.pr5 .d5{height: 160px;margin: 0 50px;}
.pr5 .d6{width: 20%;height: 160px;float: left;}
.pr5 .i3{width: 160px;height: 160px;background-repeat: no-repeat;background-size: cover;background-position: center center;margin: 0 auto;}