html{_background:url(about:blank);background-attachment:fixed;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,
button,input,textarea,th,td{margin:0;padding:0;}
body{ background:#fff; color:#696969; font-size:14px; font-family: '微软雅黑','宋体', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma'; margin:0 auto; padding:0; line-height:25px;}
ul,li{list-style:none;text-transform:capitalize;}
input,textarea,button,select{font-size:12px; outline:none; resize:none; color:#333; font-family: '微软雅黑', '宋体',"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma';}
button{cursor: pointer;}
table{border-collapse:collapse;border-spacing:0;}
.clear {clear:both; height:0; font-size:0; line-height:0; overflow:hidden;}
.left{ float:left;}.right{ float:right;}
a{color:#666666; text-decoration:none;-webkit-transition:color 0.3s ease-out;-moz-transition:color 0.3s ease-out;-o-transition:color 0.3s ease-out;transition:color 0.3s ease-out;}
a:hover{color:#e6212a; text-decoration:none;}
img{border:none;}
#clear{width:100%; height:0px; clear:both;}
.clear{width:100%; height:0px; clear:both;}
p{line-height:25px;}
.left{ float:left;}
.right{ float:right;}
/*common*/
/*liMarquee img width father container*/
.liMarquee {width: 100%;height: 100%;}
.liMarquee img { max-width: 100%!important;height: auto;}
/*section 1 banner group*/
.wg { position: relative;}
.work {position: absolute;right: 0;bottom: 0;}
/*section 6 footer*/
.secSix { height: auto!important;}
/*width 0-767*/
@media only screen and (min-width: 100px) and (max-width: 500px) {
.work { width: 50%;height: auto;}/*one banner work*/
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.secFour,.secSix,.secThr,.secTwo,.Secfive {height: auto!important;}
}
/* min-width:0px */
@media only screen and (min-width: 0px) {
/*section1 banner title*/
.sot {position: absolute;left: 5%;top: 40%;}
.winText {color: white;}
/*section3 company screen*/
.ci {width: 100%;height: auto;}
.ci img {max-width: 100%;height: auto;}
.cl table {width: 100%;text-align: center;}
.cl h1 {font-size: 2em;color: white;font-weight: bold;}
.cl h1 b {font-size: 2em;color: #c90707;}
.cl h2 {font-size: 1.5em;color: #FFFFFF;}
.cl p {font-size: 1em;line-height: 2em;}
.cl a {margin:20px 0;display:block;}
.cl {background: -moz-linear-gradient(-45deg, #fff 0%, #99c6f1 70%, #2485e0 100%);
background: -o-linear-gradient(-45deg, #fff 0%, #99c6f1 70%, #2485e0 100%);
background: -webkit-linear-gradient(-45deg, #fff 0%, #99c6f1 30%, #2485e0 100%);
background: linear-gradient(-45deg, #fff 0%, #99c6f1 70%, #2485e0 100%);
}
/*section4 service screen*/
.si {width: 100%;height: auto;}
.si img {max-width: 100%;height: auto;}
.sl table {width: 100%;text-align: center;}
.sl h1 {font-size: 1.5em;color: white;font-weight: bold;}
.sl h1 b {font-size: 2em;color: #c90707;}
.sl h2 {font-size: 1.4em;color: #FFFFFF;line-height: 2em;}
.sl p {font-size: 1em;line-height: 2em;}
.sl a {margin:20px 0;display:block;}
.sl {background: -moz-linear-gradient(-45deg, #fff 0%, #79bed4 70%, #4fa9c7 100%);
background: -o-linear-gradient(-45deg, #fff 0%, #79bed4 70%, #4fa9c7 100%);
background: -webkit-linear-gradient(-45deg, #fff 0%, #79bed4 70%, #4fa9c7 100%);
background: linear-gradient(-45deg, #fff 0%, #79bed4 70%, #4fa9c7 100%);
}
/*#menu*/
#menu {position: fixed;right: 1%;top: 37%;z-index: 70;}
#menu li a{width: 35px;height: 35px;display: block;}
.mh {background: url(../images/menu01.png) no-repeat;}
.mp {background: url(../images/menu02.png) no-repeat;}
.mc {background: url(../images/menu03.png) no-repeat;}
.ms {background: url(../images/menu04.png) no-repeat;}
.mct {background: url(../images/menu05.png) no-repeat;}
#menu li { background-position: right;margin: 0 auto 20px;}
#menu .active, #menu li:hover {background-position: left;}
.winText h1 i { font-size: 1.5em;font-style: normal;line-height: 2;font-weight: bold;letter-spacing: -3px;text-shadow:2px 2px 4px #444;
/*css3辅助*/;position: relative;left: 0;}
.winText p { font-size: 1em;text-shadow:2px 2px 4px #666;letter-spacing: 2px;opacity: 1;position: relative;top: 0;}
}
/*min-width 768px*/
@media only screen and (min-width: 768px) {
/*section1 banner title*/
.winText h1 i {font-size: 3em;font-style: normal;line-height: 2;font-weight: bold;letter-spacing: -3px;left: 2000px;}
.winText p { font-size: 2em; /*css3辅助*/;opacity: 0;top: 100px;}
/*section3 company screen*/
.cl {position: absolute;top: 0;right: -30%;width: 65%;height: 100%;z-index: 1;-webkit-transform: skewX(-21deg);transform: skewX(-21deg);}
.cl table {-webkit-transform: skewX(21deg);transform: skewX(21deg);height: 100%;text-align: left;position: absolute;right: 0;width: auto;}
.cl h1 {font-size: 2.5em;color: white;}
.cl h1 b {font-size: 2em;color: #c90707;}
.cl h2 {font-size: 1.5em;color: #FFFFFF;line-height: 2;}
.cl p {font-size: 1em;line-height: 2em;}
.cl a {margin-top:40px ;display:block;}
.ci { height: 100%;}
.ci img {height: 33.34%;width: auto;}
/*section4 service screen*/
.sl {position: absolute;top: 0;left: -30%;width: 65%;height: 100%;z-index: 1;-webkit-transform: skewX(21deg);transform: skewX(21deg);}
.sl table {-webkit-transform: skewX(-21deg);transform: skewX(-21deg);height: 100%;text-align: left;position: absolute;left: 0%;width: auto;}
.sl h1 {font-size: 2.5em;color: white;}
.sl h1 b {font-size: 2em;color: #c90707;}
.sl h2 {font-size: 1.5em;color: #FFFFFF;line-height: 2;}
.sl p {font-size: 1em;line-height: 2em;}
.sl a {margin-top:40px ;display:block;}
.si { height: 100%;}
.si img {height: 50%;width: auto;float: right;}
}
/*min-width 992px*/
@media only screen and (min-width: 992px) {
}
/*min-width 1200px*/
@media only screen and (min-width: 1200px) {
.winText h1 i {font-size: 4em;font-style: normal;line-height: 2;font-weight: bold;letter-spacing: -3px;}
.winText p { font-size: 2.2em;}
}
/*min-width 1920px*/
@media only screen and (min-width: 1920px) {
}
/*section5 contact 未整理内容*/
/*
@media only screen and (min-width: 768px) {
.section5 .container-fulid {
height: 100%;
width: 85%;margin: 0 auto;
}
.section5 .row {
height: 95%;
}
.section5 .col-lg-2,
.section5 .col-md-3,
.section5 .visible-sm {
height: 100%;
}
.section5 .col-lg-2 table,
.section5 .col-md-3 table,
.section5 .visible-sm table {height:100%;width: 100%;margin-top: 15%;
table-layout: fixed;
/*针对IE 不兼容max-width属性，有待跟进*//*
}
.section5 table tr td {text-align: center;}
.section5 table tr td img {width: 100%;height: auto;}
.sec5-row1 table tr td {vertical-align: top;}
.sec5-row1 table tr:first-child td{vertical-align: middle;}
}
@media only screen and (min-width:1920px ) {
.section5 table tr td img {width: 80%;height: auto;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.sec5-row1 {position: absolute;left: 0%;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sec5-row1,
.sec5-row2 {position: absolute;}
}
@media only screen and (max-width:767px) {
.sec5-row1,
.sec5-row2,
.sec5-row3 {position: absolute;}
.section5 .container-fulid {width: 100%;overflow: hidden;}
.sec5-row4 table {width: 100%;height: auto;table-layout: fixed;*/
/*针对IE table元素不兼容max-width属性，有待跟进}
.sec5-row4 table tr td {text-align: center;width: 100%;}
.section5 {width: 100%; height: auto!important;}
.sec5-row4 img {margin-bottom: 30px;}
}*/
/* 2018 03 08 homepage section5 new css*/
@media only screen and (min-width: 768px) {
.sec5-row1 {
width: 100%;
height: 100%;
}
.sec5-row1 .col-lg-2 {
height: 100%;
}
.sec5-row1 table {
height: 100%;
}
.sec5-row1 table tr {
height: 100%;
width: 100%;
}
.sec5-row1 table tr td {
width: 100%;
height: 50%;
}
/* .sec5-row1 table tr td img{ width: 90%;margin: 5%;}*/
}
@media only screen and (min-width: 1600px){
.section5 .container-fulid {
width: 95%;
margin: 0 auto;
height: 90%;
padding: 5% 0;
}
.sec5-row1 table tr td img{ width: 90%;margin: 5%;}
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.section5 .container-fulid {
width: 100%;
margin: 0 auto;
height: 90%;
padding: 5% 0;
}
.sec5-row1 table tr td img{ width: 100%;}
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
.section5 .container-fulid {
width: 90%;
margin: 0 auto;
height: 90%;
padding: 5% 0;
}
.sec5-row1 table tr td img{ width: 100%;}
}
@media only screen and (min-width: 100px) and (max-width: 767px) {
.section5 {
height: auto!important;
}
.section5 .container-fulid {
width: 95%;
margin: 0 auto;
height: auto;
padding: 5% 0;
}
.sec5-row1 table tr td img{ width: 100%;}
}
/*section2*/
@media only screen and (min-width:0px ) {
.secTwo {width: 100%; background-color:#35a2b6 ;}
.st , .sm { text-align: center;}
.sb p { position: absolute;bottom: 10px;left: 15px; color: #FFFFFF;}
.sm a {color: #FFFFFF;line-height: 2;font-size: 1.5em;font-weight: bold;text-decoration: none;width: 100%;height: 100%;display: block;}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.st {width: 100%; height: auto;padding: 40px 0;}
.sb {width: 100%;position: relative;}
.sb img {max-width: 100%;height: auto;}
.sm {width: 100%;padding: 40px 0;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.st {width: 100%; height: auto;padding: 40px 0;}
.sb {width: 50%;position: relative;float: left;}
.sb img {max-width: 100%;height: auto;}
.sm {width: 100%;padding: 40px 0;}
}
@media only screen and (min-width:992px ) and (max-width:1199px) {
.st {width: 50%; height: auto;padding: 5px 0;}
.sb {width: 50%;position: relative;float: left;}
.sb img {max-width: 100%;height: auto;}
.sm {width: 50%;position: absolute;top: 0;left: 50%; padding: 5px 0;}
}
@media only screen and (min-width: 1200px) and (max-width: 1920px) {
.secTwo {height: 100%;}
.st{ width: 10%;height: 50%;padding-top: 10%;}
.st img { max-width: 90%;}
.sb { width: 45%;height: 50%; position: absolute;}
.sb0 {top: 0;left: 10%;background: url(../img/index/b1.jpg) no-repeat center;background-size: 100% 100%;}
.sb1 {top: 0;left: 55%;background: url(../img/index/b2.jpg) no-repeat center;background-size: 100% 100%;}
.sb2 {top: 50%;left: 0%;background: url(../img/index/b3.jpg) no-repeat center;background-size: 100% 100%;}
.sb3 {top: 50%;left: 45%;background: url(../img/index/b4.jpg) no-repeat center;background-size: 100% 100%;}
.sb img { display: none;}
.sb p {bottom: 25px;}
.sm { position: absolute;left: 90%;top: 50%;width: 10%;height: 50%;padding-top:10%;}
.sm a {height: 100%; width: 100%;display: block;font-size: 2em;line-height: 2;}
}
@media only screen and (min-width: 1200px) and (max-width: 1500px) {
.st { padding-top: 7%;}
.sm { padding-top: 7%;}
}
.nub1_t{ width:100%; height:50%; }
.nub1_d{ width:100%; height:50%;}
.nua_1{ width:10%; height:100%; background:#d01c19; float: left;}
.nua_2{ width:45%; float:left; height:100%; position: relative;overflow: hidden; }
.nua_2 .grid-shade {position: absolute;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);color: #5E5E5E;font-size: 20px;display: none;}
.nua_2 .grid-shade .grid-enter {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.nua_2 .grid-shade .grid-enter a {color: #fff; font-size:25px;}
#mun{ position:relative;}
#mun img{ max-width:100%; height:auto; position:absolute; top:50%; display:block; margin-top:-80px; left:20%;}
#mun1{ font-size:20px;}
#mun1{ width:10%;height:100%;position:relative; display:table;}
#mun1 p{ position:absolute;width:100%;/**依据字体的宽度而定**/height:45px;/**依据字体的大小而定**/top:0;left:0;right:0;bottom:0; margin:auto; text-align:center;}
#mun1 a{ color:#fff;}
#mun1 a:hover{ text-decoration:underline;}
.num2_1{ width:50%; height: auto; float:right; font-size:16px; color:#fff; text-align:right; position:absolute; top:30%; right:10%;}
.num2_1 h1 { font-size: 2.5em;color: white;}
.num2_1 h1 b {font-size: 2em; color: #c90707;}
.num2_1 h2 { font-size: 1.5em;color: #FFFFFF; line-height: 2;}
.num2_1 p { color:#474747; font-size: 0.8em;line-height: 2em;}
.num2_1 a{ width:140px; height:50px; text-align:center; line-height:50px; display:block; border:2px solid #d01c19; color:#d01c19; float:right; margin-top:30px;}
.num2_1 a:hover{ text-decoration:underline;}
.bt1{ width:1440px; height:auto; margin:0 auto; text-align:center; padding-top:65px;}
.bt1 h2{ font-size:25px; color:#1a1a1a; line-height:35px;}
.bt1 p{ line-height:20px; color:#b9b9b9;}
.art{ width:1440px; height:auto; margin:20px auto 0px auto;}
.art .art_l{ width:25%; height:auto; float:left; margin-bottom:30px;}
.art .art_l a{ width:90%; height:auto; background:url(../images/n1.png) bottom center no-repeat; background-size:cover; display:block; padding-bottom:20px; margin:0 auto;}
.art .art_l a img{ width:100%; height:auto;cursor: pointer;transition: all 0.6s;}
.art .art_l a img:hover{transform: scale(1.08);}
.art .art_l a p{ width:95%; margin:0 auto; line-height:35px;color:#3d3d3d; font-size:15px;}
.art .art_l a h2{ width:95%; margin:0 auto; height:40px; line-height:1.5; font-size:17px; color:#3d3d3d; font-weight:normal; }
.art .art_l a:hover h2{ color:#0e3092; }
.art .art_l a:hover p{ text-decoration:none !important; }
.art .art_l a:hover{ text-decoration:none !important; }
.ckg a{ width:140px; height:50px; text-align:center; line-height:50px; display:block; border:2px solid #d01c19; color:#d01c19; margin:0 auto;}
.ckg a:hover{ text-decoration:underline;}
.foot{ width:1440px; height:auto; padding:30px 0px; margin:0 auto;}
.foot li{ width:auto; min-height:154px;; background:url(../images/ft1.png) right top no-repeat; float:left;}
.foot li h2{ font-size:16px; font-weight:normal; color:#fff; padding-bottom:20px;}
.foot .ft1{ width:250px; margin-left:75px; }
.foot .ft1 a{ display:block; line-height:32px; color:#fff; width:100px; margin:0 auto; font-size:14px;float:left;}
.foot .ft2{ width:230px; text-align:center;}
.foot .ft2 a{ background:url(../images/ftlist.png) left center no-repeat; display:block; font-size:14px; line-height:32px; color:#fff; width:80px; margin:0 auto;}
.foot .ft2 a:hover{ text-decoration:underline;}
.foot .ft3{ width:250px; margin-left:75px;}
.foot .ft3 a{display:block; line-height:32px; color:#fff; font-size:14px; width:100px; margin:0 auto; float:left;}
.foot .ft3 a:hover{ text-decoration:underline;}
.foot .ft4{ width:290px; float:left; text-align:center; }
.foot .ft4 img{ width:229px; height:125px; padding-top:10px;}
.foter{ width:100%; height:60px; line-height:60px; background:#000; color:#fff;}
.fotr{ width:1200px; margin:0 auto; text-align:center;font-size:14px;}
.tkp{ width:100%; height:85px; position:fixed; top:0px; z-index:999;}
.tkpz{ width:1440px; height:85px; margin:0 auto;position:relative;}
.zyw{ width:256px; height:27px; font-size:14px; text-align:center; background:url(../images/zyw1.png) center top no-repeat; color:#fff; line-height:27px; position:absolute; top:0px; right:0px;}
.zyw a{ color:#fff; padding:0px 5px;}
.zyw a:hover{ color:#e6212a}
.tlogo{ width:250px; height:50px; float:left; padding-top:20px;}
#topcr{width:900px; height:42px; float:right; position:relative; padding-left:15px; background:#666666;border-radius:5px; margin-top:33px;}
#menu_wp{width:100%; height:42px; }
/*menu*/
#menu1 { display:block; width:100%; margin:0 auto; height:42px;}
#nav1 {display:block;}
#nav1 li {float:left; text-align:center; width:110px; display:block; z-index:999999}
#nav1 li a{ text-decoration:none; width:95px; margin:0 auto; text-align:center; line-height:42px; color:#fff; height:42px; display:block; font-size:15px; -webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; z-index:99999;}
#nav1 li a:hover {color:#e6212a; text-decoration:none; z-index:999;transition:background-color 0.3s linear;}
#nav1 .mainlevel{ background:url(../images/m1.png) center left no-repeat;}
#nav1 .mainleve2{ background:url(../images/m2.png) center left no-repeat;}
#nav1 .mainleve3{ background:url(../images/m3.png) center left no-repeat;}
.wp{width: 120px;min-height: 32px;display: none; background: #666666; position: absolute;z-index: 99999999;margin-left:104px;top:42px; padding:5px 0px; border-radius:0px 0px 5px 5px;}
.wp a{ width:100%; height:32px; display:block; text-align:center; line-height:32px; font-size:15px; color:#fff;}
.wp a:hover{ background:#e6212a; text-decoration:none; color:#fff;}
.we{width: 120px;min-height:32px;display: none; background: #666666; position:absolute;z-index: 99999999;margin-left:217px;top:42px;border-radius:0px 0px 5px 5px;}
.we a{ width:100%; height:32px; display:block; text-align:center; line-height:32px; font-size:15px; color:#fff;}
.we a:hover{ background:#e6212a; text-decoration:none; color:#fff;}
.wb{width: 120px;min-height:32px;display: none; background: #666666; position:absolute;z-index: 99999999;margin-left:435px;top:42px;border-radius:0px 0px 5px 5px;}
.wb a{ width:100%; height:32px; display:block; text-align:center; line-height:32px; font-size:15px; color:#fff;}
.wb a:hover{ background:#e6212a; text-decoration:none; color:#fff;}