@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,600,700,900&display=swap');
* {margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all; }
a,.indpro li .p,.indpro li .t,.about2 li
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.abc
{transform:scale(1.15);-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);-ms-transform:scale(1.15)}
.abc
{transform:rotate(360deg);-ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); }
.fixtop .toper ul.navpc li a,.indabout .address .t,.maintitle .title,.indpro .m a ,.foot .cons dl,.about2 li,.message .list input[type="text"],.message .list #mbeizu
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.about1 li:hover
{transform: rotateY(360deg);-ms-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-o-transform: rotateY(360deg);transition-duration:1.0s;-ms-transition-duration:1.0s;-moz-transition-duration:1.0s; -webkit-transition-duration:1.0s;}
html{-webkit-text-size-adjust:none;height:100%;}
body {margin:0 auto;overflow-x:hidden;background:#fff;line-height:2;}
a,input,button,select,textarea {text-decoration: none;outline:none;}
html,body,input,button,select,textarea {font-family:'Noto Sans SC','Source Han Sans','PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑',arial,'宋体';}
html,body,input,button,select,textarea,h1,h2,h3,h4,h5 {font-size:16px;color:#333;font-weight:400;}strong,b {font-weight:600;}
a {color:#333}
a:hover,.fixtop .toper .header .encn a:hover,.fixtop .toper .header .encn a.check {color:#d41522}
.table { display:table; height:100%;width:100%;}table {border-collapse: separate;border-spacing: 0 0}
.table .td { display:table-cell; vertical-align:middle;}
table,td,th,tbody,tr {border-collapse:collapse;border-spacing:0;border:0;margin:0}
img {border:0px;max-width:100%; height:auto; vertical-align:middle}
input,button,select,textarea{ outline:none;border:0;}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,li,dl,dt,dd { list-style:none;}
hr {border:0; background:#92989d;height:1px;margin:0px 0}
.clear,.clearfix { clear:both;}
.relative { position:relative}
.reover { position:relative; overflow:hidden}
.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute;top:0;left:0; z-index:1;width:100%; height:100%;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:100px 0 0px 0;text-align:center}
.pager {width:100%;} 
.pager a,.pager span,.pager font {display:inline-block;vertical-align:top;margin:0 15px;}   
.pager font {font-family:'宋体';font-weight:900;margin:0} 
.pager a:hover,.pager span.current {color:#999;} 
.pager a,.pager span.disabled {color:#333;} 
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:20px;}

::-webkit-scrollbar {width: 10px;height:0px; }/******direction: rtl; unicode-bidi: bidi-override;出现在左边*********/
::-webkit-scrollbar-thumb {border-radius:0px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #ccc;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius:0px;background: #EDEDED;}

::-webkit-input-placeholder {color: #999999;}
:-moz-placeholder {color: #999999; } 
::-moz-placeholder { color: #999999; } 
:-ms-input-placeholder {color: #999999; }

::selection {background:#d41522;color:#ffffff;}
::-moz-selection {background:#d41522;color:#ffffff;}
::-webkit-selection {background:#d41522;color:#ffffff; }

.di {float:left;}
.dipage {float:left;}
.picleft {margin-right:30px;margin-bottom:20px;}
.picright {margin-left:30px;margin-bottom:20px;}

.wrap {margin:0 auto;max-width:1200px;position:relative;}
.phonemenu { display:none;}

.fixtop { position:absolute;left:0;top:0;width:100%; z-index: 9999}
.fixtop .toper .logo { background:url(../images/logo.png) no-repeat center top;width:245px; height:51px; background-size:100%; display:block; position:absolute;left:0;top:20px; z-index: 100}
.fixtop .toper .header { position:absolute;right:0;top:20px}
.fixtop .toper .header .search {margin:10px 0 0 0}
.fixtop .toper .header .search,.fixtop .toper .header .encn {display:inline-block; vertical-align: top;}
.fixtop .toper .header .search i { background:url("../images/zoom.png") no-repeat center;width:20px; height: 20px; display: block}
.fixtop .toper .header .encn {font-size:20px;margin:0 0 0 35px}
.fixtop .toper ul.navpc { text-align:right; position: relative;right:-20px;top:80px}
.fixtop .toper ul.navpc li {display:inline-block; vertical-align:top; position: relative;margin:0 0 0 1px}
.fixtop .toper ul.navpc li a { letter-spacing:0.5px; text-transform: uppercase;position:relative; height:40px; line-height:38px;padding:0 20px;display:inline-block;font-size:18px;color:#000; background: rgba(212,21,34,0); text-align: center;}
.fixtop .toper ul.navpc li a:hover,.fixtop .toper ul.navpc li.check a {color:#fff;background: rgba(212,21,34,1);}

.indpic { height: 1200px; text-align: right;}
.indpic .in { display:inline-block;margin:640px 0 0 auto;}
.indpic .in .cons { text-align:center;color:#d41522;font-size:36px; line-height: 1.6;font-weight:500;margin:0 50px 0 0}
.indpic .in .cons .t {font-size:60px; line-height: 80px;font-weight:500;margin:0 0 20px 0}

.maintitle { background:url("../images/2.png") no-repeat center;  height: 65px;margin:180px 0 50px 0; text-align: center; position: relative;width:100%}
.maintitle .title { text-transform: uppercase;background: url("../images/1.png") no-repeat center;width:315px; height: 99px;padding:15px 0 0 0; text-align: center;color:#fff;font-size:22px; line-height: 99px;font-weight:500;margin:0 auto 0 auto; position: relative;top:-66px}
.maintitle .abouticon { position:absolute;right:0;top:-100px; background: url("../images/3.png");width:358px; height: 374px; background-size:cover; z-index: 10}
.maintitle .entitle {font-size:16px; position: relative;top:-60px}

.indabout .content {font-size:18px; position: relative; z-index: 999}
.indabout .address { position:relative;margin:40px 0 50px 0}
.indabout .address .t { background: url("../images/4.png") no-repeat center;width:113px; height: 41px;color:#fff;font-size:20px; line-height: 20px;padding:12px 0 0 10px; position: absolute;left:0;top:0}
.indabout .address .c {padding:5px 0 0 130px;font-size:24px; line-height: 34px;font-weight:600;}
.indabout .pic {position:relative; z-index: 999}

.indpro {padding:0 0 100px 0; position: relative}
.indpro li {position:relative; z-index: 999}
.indpro li .t { background: url("../images/17.png") no-repeat center;width:320px; height:55px;font-size:25px; line-height:25px;position:absolute;left:0;top:70px}
.indpro li .t:hover {left:10px}
.indpro li .t a {color:#fff; display: block; position: absolute;left:25px;top:20px;}
.indpro li .t2 {font-size:18px;font-weight:500;position:absolute;top:135px;left:10px;}
.indpro li .p {float:right;width:450px; text-align: right; position:relative;left:0}
.indpro li .p:hover {left:-10px}
.indpro li .m {position:absolute;left:5px;top:230px;}
.indpro li .m a { background: url("../images/7.png") no-repeat center;width:140px;height: 51px;color:#fff;font-size:18px; display: block;padding:7px 0 0 28px; position: relative;left:0}
.indpro li .m a:hover {left:10px}
.indpro li.li2 {margin:0 0 20px 0}
.indpro li.li2 .p {float:left; text-align: left;}
.indpro li.li2 .t { left:480px;}
.indpro li.li2 .t:hover {left:490px}
.indpro li.li2 .t2 {left:490px;}
.indpro li.li2 .m {left:495px;}
.maintitle .proicon { position:absolute;left:0;top:-200px; background: url("../images/5.png");width:251px; height: 649px; background-size:cover; z-index: 10}
.indpro .proicon2 { position:absolute;left:0;bottom:0; background: url("../images/8.png");width:240px; height:384px; background-size:cover; z-index: 10}
.bannerin { height:744px; text-align: center;}
.bannerin .t {font-size:60px; line-height: 60px;color:#d21a2a;font-weight:500;padding:450px 0 20px 0; letter-spacing:2px; text-transform: uppercase}
.bannerin .t2 {font-size:40px; line-height: 40px;color:#c08383;font-weight:500; letter-spacing: 1px}

.about { background:url("../images/1.jpg") no-repeat center bottom; background-size:70%;padding:1px 0; height: 100%}
.about1 {text-align:center;margin:70px 0}
.about1 li { text-transform: uppercase;background:url("../images/14.png");width:221px; height: 221px; background-size:cover; text-align:center;font-size:20px; line-height:221px;font-weight:900; display: inline-block;vertical-align: top;margin:0 0 0 70px;}
.about1 li p {padding:0 0 0 5px}
.about1 li:nth-child(1) {margin:0}

.about2 {padding:0 0 200px 0}
.about2 ul {width:104%;margin:-4% 0 0 -2%}
.about2 li {float:left;width:21%;margin:4% 2% 0 2%; height: 580px;padding:140px 30px 0 30px; position: relative;top:0; overflow: hidden}
.about2 li:hover {top:-10px}
.about2 li .c {line-height: 1.8}
.about2 li .t {font-size:22px; line-height:32px;min-height:96px; font-weight:600;margin:0 0 25px 0}

.product { background:url("../images/2.jpg") no-repeat center -200px;padding:40px 0;background-size:cover;height: 100%}
.product li {margin:40px 0}

.service { background:url("../images/15.png") no-repeat right bottom;padding:0 0 150px 0}
.servicecons {font-size:18px}
.servicecons img {margin:10px 0}

.contact {padding:120px 0}
.contactsubject { background: url("../images/6.png") no-repeat center;width:247px; height: 78px;font-size:36px; line-height: 36px;color:#fff;margin:0 0 40px 0}
.contactsubject p {position:relative;left:25px;top:25px;}
.contact1 {margin:0 0 80px 0}
.contact1 .mleft {float:left;width:40%;}
.contact1 .mleft dd { position:relative;margin:0 0 20px 0}
.contact1 .mleft dd i { position: absolute;width:24px;top:1px;}
.contact1 .mleft dd p {margin:0 0 0 39px;font-size:18px; line-height: 1.8}
.contact1 .mright {float:right;width:55%}
.map iframe,#container {width:100%;height:400px;}

.message .list { position:relative;margin:0 0 20px 0}
.message .list span { position: absolute;left:0;top:0; text-align: right;width:80px;font-size:18px;}
.message .list p {margin:0 0 0 110px;}
.message .list input[type="text"] {border:1px solid #d9d9d9;height:40px;border-radius:5px;padding:0 15px;width:100%;vertical-align: top}
.message .list #mbeizu {border:1px solid #d9d9d9;height:200px;border-radius:5px;padding:10px 15px;width:100%; vertical-align: top}
.message .listbtn { text-align:center;margin:40px 0 0 0}
.message .listbtn input { background:url("../images/16.png");width:192px; height: 51px;color:#fff; text-align: center;font-size:24px;font-weight:500; cursor: pointer}





.foot {font-size:14px;color:#848b97;background: url("../images/13.png")}
.foot a {color:#848b97;}
.foot a:hover {color:#fff}
.foot .logo {border-bottom:1px solid #202c47; text-align: center;padding:70px 0; position: relative;left:-100px}
.foot .logo a { background:url("../images/9.png");width:173px; height: 37px;margin:0 auto; display: block}
.foot .cons {padding:70px 0}
.foot .cons dl {float:left;width:33.3333%}
.foot .cons dt { position:relative;margin:0 0 10px 0}
.foot .cons dt:before {content:''; position: absolute;width:100px; height: 2px; background: #d41522;left:0;top:-5px}
.foot .cons dt:after {content:''; position: absolute;width:58px; height: 2px; background: #d41522;left:0;top:-9px}
.foot .cons dt a {font-size:16px;color:#fff}
.foot .cons dd { position:relative}
.foot .cons dd i { position: absolute;width:15px;top:1px;}
.foot .cons dd p {margin:0 0 0 25px}
.foot .cons dl:nth-child(2) {padding:0 0 0 1%}
.foot .cons dl:nth-child(3) { text-align:right;width:30%;float:right}
.foot .cons dl:nth-child(3) .in { text-align:left; display: inline-block;margin:0 0 0 auto}