@charset "utf-8";@import url('font.css');
* {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; }
.pager a font,a,.fixtop,.fixtop .logo,.fixtop .search_lan,.fixtop .search_lan #k,.indabout .mright img,.indpro li .title,.indpro li .title:after,.fatory li p,.about .mright .in img,.quanlity li
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.indabout .mright img:hover,.indpro li:hover .pic .in a,.indnews li:hover .pic a,.fatory li:hover p,.about .mright .in img:hover,.news li:hover .pic a 
{transform:scale(1.10);-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);-ms-transform:scale(1.10)}
.fixtop .search_lan #k,.procate .mright form #k,.procate .mright #sbtn,.quanlity li,.message li h2 input[type="text"],.message li h2 textarea
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.indparter li:hover img,.quanlity li:hover .pic img
{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;background:#fff;line-height:1.8;}
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','Microsoft YaHei','微软雅黑';}
html,body,input,button,select,textarea,h1,h2,h3,h4,h5 {font-size:14px;color:#666666;font-weight:400;}a {color:#666666}
a:hover,.indnews li:hover .title a,.news li:hover .cons .t a {color:#ad1e24}
.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;}.list-paddingleft-2{margin:0 0 0 25px;}.list-paddingleft-2 li { list-style:inherit;}
hr {border:0; background:#073190;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:30px 0 0 0;text-align:right}
.pager {width:100%; } 
.pager a,.pager span,.pager font {display:inline-block;vertical-align:top;margin:5px;width:30px; height:30px; line-height:28px;border-radius:50%; background: #fff;text-align: center}   
.pager font {font-family:'宋体';font-weight:900;margin:0;} 
.pager a:hover,.pager span.current,.pager a font:hover {color:#fff; border-color:#ad1e24; background: #ad1e24} 
.pager a,.pager span.disabled {color:#666} 
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:14px;font-weight:400}
.pager select,.pager input,.pager a,.pager span.disabled  {border:0px solid #666;}
.pager i {font-weight:bold; line-height:30px; display: inline-block; vertical-align: top;margin:0 10px; letter-spacing: 3px}

::-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: #b2b2b2;}
:-moz-placeholder {color: #b2b2b2; } 
::-moz-placeholder { color: #b2b2b2; } 
:-ms-input-placeholder {color: #b2b2b2; }

::selection {background:#ad1e24;color:#ffffff;}
::-moz-selection {background:#ad1e24;color:#ffffff;}
::-webkit-selection {background:#ad1e24;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: fixed;left:0;top:0;width:100%; z-index: 9999; height: 80px; background:rgba(38,42,50,0.7);}
.fixtop .logo { position: absolute;left:0px;width:147px; height:26px;background:url(../images/logo.png) no-repeat center;background-size:100%;top:27px; z-index: 999;}
.fixtop .logo a { display:block;width:100%;height:100%}
.fixtop ul.navpc {margin:0 125px 0 188px; text-align: center}
.fixtop ul.navpc li {display:inline-block; vertical-align:top; position: relative; padding:0 32px}
.fixtop ul.navpc li a.a { display: block; height:80px; line-height:80px;color:#969698;font-size:16px}
.fixtop ul.navpc li a.a:hover,.fixtop ul.navpc li.check a.a {color:#fff}
.fixtop .search_lan { position: absolute;right:60px;top:25px; z-index: 999}
.fixtop .search_lan #k {width:0px; display: inline-block; vertical-align: top;height:30px;padding:0px;font-size:13px}
.fixtop .search_lan #sbtn {width:30px; height: 30px; position: relative; cursor: pointer; display: inline-block; vertical-align: top; background: none;color:#fff;font-size:18px; line-height: 30px; font-family: "iconfont" !important;}
.fixtop .search_lan .lan { position:absolute;right:-60px;top:3px;}
.fixtop .search_lan .lan a {color:#fff;}
.fixtop .search_lan .lan span {transform: rotate(-90deg);-ms-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-o-transform: rotate(-90deg); display:inline-block;font-size:16px; line-height:16px;margin:5px 0 0 3px; vertical-align: top;}
.fixtop .search_lan .search:Hover #k {width:220px;padding:0 10px}

.fixtop.active {top:-30px;background:rgba(38,42,50,1);}
.fixtop.active .logo {top:42px;}
.fixtop.active ul.navpc li a.a { line-height:110px;}
.fixtop.active .search_lan { top:40px; }

.indpics .item { position:relative;padding:23.5% 0}
.indpics .item .cons {position:absolute;left:0;top:0;width:100%; height: 100%; z-index: 100;color:#fff;}
.indpics .item .cons .t {font-size:85px; line-height: 95px;font-weight:700;margin:-50px 0 40px 0}
.indpics .item .cons .c {font-size:32px; letter-spacing:1px;font-weight:300;opacity:0.7}

.indabout {padding:120px 0}
.indabout .mleft {float:left;width:53%}
.indabout .mleft .t {font-size:30px; line-height: 30px;font-weight:700;color:#333;margin:0 0 15px 0}
.indabout .mleft .c img {margin:10px 0 0 0}
.indabout .mleft .a { position:relative;padding:0 0 0 90px;margin:40px 0 0 0}
.indabout .mleft .a p { position:absolute;font-size:18px;color:#333;font-weight:700;left:0;top:-5px}
.indabout .mright {float:right;width:40%; overflow: hidden;margin:50px 0 0 0}
.indabout .mright img {width:100%}
.indpic { background: #262a33; height: 812px; background-position: center; background-repeat: no-repeat}

.indpro {background:url("../images/probg.jpg") no-repeat center top; background-size:cover;padding:100px 0}
.indpro .subject { text-align:center;font-size:36px; line-height:36px;font-weight:700;color:#333;margin:0 0 50px 0}
.indpro ul {width:102%;margin:-2% 0 90px -1%; text-align: center}
.indpro li {display:inline-block; vertical-align: top; text-align: left;margin:2% 1% 0 1%; background: #fff;}
.indpro li .pic {padding:40px}
.indpro li .pic .in {position:relative;padding:50% 0;}
.indpro li .title { height: 90px; line-height: 88px; overflow: hidden;padding:0 30px;  position: relative}
.indpro li .title:before {content:''; position: absolute;left:0;top:0;width:100%;height:100%; z-index: 1;background: linear-gradient(to right,#474747,#212121);}
.indpro li .title:after {content:''; position: absolute;left:0;top:0;width:0;height:100%; z-index: 2;background: #ad1e24;}
.indpro li .title a.txt {font-size:18px;color:#fff; display: inline-block;padding:0 80px 0 0;position: relative; z-index: 10}
.indpro li .title a.icon { background:url("../images/jiantou.png");width:30px; height: 30px; position: absolute;right:30px;top:30px; display: block; z-index: 10}
.indpro li:Hover .title:after {width:100%}
.indmore { text-align:center;}
.indmore a {width:140px; height: 34px; line-height: 33px; background: #ad1e24;color:#fff; text-align:center;margin:0 auto; display: block}
.indmore a:hover {width:160px}

.indsubject { text-align:center;padding:100px 0 40px 0;color:#333;font-size:18px;}
.indsubject p {font-weight:700;font-size:36px; line-height: 46px;margin:0 0 5px 0}
.indnews ul {width:103%;margin:-3% 0 40px -1.5%}
.indnews li {float:left;width:30.3333%;margin:3% 1.5% 0 1.5%;}
.indnews li .pic { position:relative; overflow: hidden;padding:28% 0}
.indnews li .title { height: 30px; line-height: 30px; overflow: hidden;margin:12px 0 5px 0}
.indnews li .title a {font-size:18px;color:#333;font-weight:700}
.indnews li .content {color:#999;line-height: 22px; height:44px; overflow: hidden}
.indparter {padding:0 0 120px 0}
.indparter ul {width:102%;margin:-2% 0 0 -1%}
.indparter li {float:left;width:23%;margin:2% 1% 0 1%;box-shadow:0 0 15px rgba(0,0,0,0.15);border-radius:10px; height: 110px; text-align: center; background: #fff}
.indparter li img {max-width:200px;max-height:70px}
.parter { background:#f5f5f5}

.banner {padding:12.2% 0; background-position: center; background-size:cover; background-repeat:no-repeat;  position: relative}
.banner .cons { position:absolute;left:0;top:0;width:100%; height:100%; text-align: center;color:#fff;}
.banner .cons .t {font-size:50px; line-height: 60px;font-weight:700;margin:70px 0 10px 0; text-transform: uppercase}
.banner .cons .c {font-size:40px; line-height: 1.6;}
.fatory ul {width:103%;margin:-3% 0 120px -1.5%}
.fatory li {float:left;width:47%;margin:3% 1.5% 0 1.5%; position: relative;padding:22.5% 0; overflow: hidden}

.about {margin:150px 0 40px 0}
.about .mleft {float:left;width:43%;}
.about .mleft .t {color:#333;font-size:30px; line-height: 30px;font-weight:700;margin:0 0 20px 0; position: relative}
.about .mleft .t:before {content:''; position: absolute;right:370px;top:-80px; background: url("../images/aboutbgleft.jpg") no-repeat center; z-index: -1;width:448px; height: 415px}
.about .mleft .c .en {margin:15px 0 0 0; line-height: 1.7}
.about .mright {width:50%; z-index: 10;margin:45px 0 0 0; position: absolute;right:0;top:0}
.about .mright:before {content:''; position: absolute;left:20px;top:-150px; background: url("../images/aboutbgright.jpg") no-repeat center; z-index: -1;width:881px; height:432px}
.about .mright .in { background: rgba(227,228,238,0.42);padding:10px 10px 0 0; position: relative; z-index: 9}
.about .mright .in p {overflow:hidden}
.about .mright .in img {width:100%}
.about .mright .bgtxt { position:absolute;right:60px;top:-150px; z-index:1;color:#efefef;font-size:140px;font-weight:700}
.about .bg { background:#ad1e24;text-align: center;color:#fff;padding:30px 50px;width:63%;margin:40px 0 0 0; position: relative; z-index: 1}
.about .bg .in {margin:0 35% 0 0}
.about .bg .t {font-weight:700;font-size:45px; line-height:55px;margin:0 0 5px 0}
.about .bg .t2 {font-size:32px; line-height: 42px;}

body.pbg { background: #f7f9fa}
.procate { background:#fff;padding:25px 0}
.procate ul {margin:5px 0 0 0}
.procate li {float:left;margin:0 30px 0 0}
.procate li a {color:#848484;font-size:16px; line-height:31px; font-weight:500;border-bottom:2px solid transparent; display: block}
.procate li a:hover,.procate li.check a {color:#ad1e24;border-color:#ad1e24}
.procate .mleft {float:left;width:75%}
.procate .mright {float:right;width:25%}
.procate .mright form {border:1px solid #e0e0e0;border-radius:6px; height: 39px; line-height: 38px}
.procate .mright form #k {float:left;width:78%;font-size:13px; height: 39px; line-height: 38px;padding:0 15px;border-radius:6px}
.procate .mright #sbtn {border-top-right-radius:6px;border-bottom-right-radius:6px;font-family: "iconfont" !important;float:right;width:22%; text-align: center;border-left:1px solid #e0e0e0; height: 39px; line-height: 38px; background: #fff;font-size:25px; cursor: pointer}

.product {padding:0 0 40px 0}
.product ul {margin-top:-25px}
.product li {border:1px solid #e0e0e0; background: #fff;padding:30px;margin:20px 0 0 0}
.product li .pic img {max-height:100px}
.product li .title {font-size:18px;color:#333;margin:20px 0 0 0}

.news {padding:50px 0 70px 0}
.news ul {width:103%;margin:-40px 0 0 -1.5%}
.news li {float:left;width:47%;margin:40px 1.5% 0 1.5%; position: relative;min-height:200px}
.news li .pic { position:absolute;left:0;top:0;width:200px; height: 200px;border:1px solid #e6e6e6; overflow: hidden}
.news li .cons {margin:0 0 0 235px}
.news li .cons .a {border-bottom:2px solid #e6e6e6;color:#333; position: relative;padding:0 0 10px 24px;font-weight:500}
.news li .cons .a:before {content:''; position: absolute;left:0;top:6px;width:14px; height: 14px; background: url("../images/1.png");}
.news li .cons .t { height:30px; line-height: 30px; overflow: hidden;margin:15px 0}
.news li .cons .t a { display:block;font-size:18px;color:#333;font-weight:700;}
.news li .cons .c {color:#666; line-height: 25px; height:75px; overflow: hidden}
.news li .cons .m { text-align: right;margin:20px 10px 0 0}
.news li .cons .m a { background:url("../images/2.png");width:14px; height: 14px;margin:0 0 0 auto; display: block}
.nshow {padding:100px 0}
.nshow .t { text-align:center;font-weight:700;color:#333;font-size:25px; line-height: 35px;}
.nshow .a {border-bottom:2px solid #e6e6e6; text-align: center;color:#999;padding:10px 0 20px 0;margin:0 0 40px 0}
.nshow .c img {margin:5px 0}

.quanlity {padding:100px 0 100px 0}
.quanlity ul {width:104%;margin:-4% 0 0 -2%}
.quanlity li {float:left;width:29.3333%;margin:4% 2% 0 2%;border:2px solid #f6f6f6; text-align: center;padding:45px 0;color:#181818;}
.quanlity li .pic img {height:95px}
.quanlity li .title {font-size:20px; line-height: 30px;font-weight:700;margin:15px 0 0 0}
.quanlity li:hover {border-color:#ad1e24;color:#ad1e24}
.nationwide { text-align:center; background: #f5f5f5;padding:60px 0}
.nationwide .title {color:#333;font-size:40px; line-height: 50px;margin:0 0 40px 0; text-transform: uppercase;font-weight:500}
.nationwide.world { background: #fff;padding:100px 0}

.contact {padding:100px 0}
.contact .mleft {float:left;width:38%}
.contact .mleft .subject {color:#333;font-size:30px; line-height: 30px; font-weight:500;margin:0 0 20px 0}
.contact .mleft dd { position:relative;font-size:16px;color:#333;margin:15px 0 0 0; line-height: 1.7;padding:0 0 0 37px}
.contact .mleft dd p {font-family: "iconfont" !important; position: absolute;left:0;top:-3px;color:#ad1e24}
.contact .mleft dd p span {font-size:22px; position: relative}
.contact .mleft dd:nth-child(2) p span {font-size:27px;left:-3px;top:-2px}
.contact .mleft dd.last p span {font-size:25px;left:-2px;top:-3px}
.contact .mright {float:right;width:55%}
.contact .mright iframe,#container {width:100%; height:320px}

.message {padding:0 0 120px 0}
.message .subject {color:#333;font-size:30px;font-weight:500;margin:0 0 30px 0}
.message li { position:relative;margin:20px 0 0 0}
.message li p { position:absolute; text-align: right;top:3px;width:90px;font-size:18px;color:#333}
.message li h2 {margin:0 0 0 110px;}
.message li h2 input[type="text"] {width:100%;border:1px solid #d9d9d9; height:38px;border-radius:5px;padding:0 15px}
.message li h2 textarea {width:100%;border:1px solid #d9d9d9; height:200px; line-height: 25px; border-radius:5px;padding:10px 15px; overflow: auto; vertical-align: top;}
.message li:last-child { text-align: center;margin:40px 0 0 0}
.message li:last-child input {width:240px;height: 45px; line-height:45px; background: #ad1e24;font-size:18px;color:#fff;font-weight:500;border-radius:5px; cursor: pointer}





.foot { background: #666;padding:70px 0 70px 0;color:#fff;}
.foot a {color:#fff;}
.foot dl {float:left;}
.foot dl:nth-child(2) {margin:0 11.5%}
.foot dl:nth-child(4) {float:right}
.foot dd { position:relative}
.foot dl.ct dd p {font-family: "iconfont" !important; position: absolute;left:0;top:1px}
.foot dl.ct dd:nth-child(3) p span {font-size:14px}
.foot dl.ct dd:nth-child(4) p span {font-size:13px}
.foot dl.ct {width:330px;margin:0 90px 0 0}
.foot dl.ct dd {padding:0 0 0 25px}
.foot dt {font-size:16px;margin:0 0 10px 0}
.foot dd {margin:5px 0 0 0}
.foot dd,.foot dd a {color:#d6d6d6}
.foot dd a:hover {color:#fff}
.foot dl.ct .fb { position:absolute;right:0;top:130px;font-family: "iconfont";color:#1878f3;display: block;font-size:48px; line-height: 48px; z-index: 10}
.foot dl.ct .fb:before {content:''; position: absolute;left:5px;top:5px;width:40px; height: 40px; background: #fff; z-index:-1;border-radius:50%}
.foot dl.ct .fb:hover {top:80px}