@charset "utf-8";@import url('fonts.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;}
a,.pager a font,.ts,.fixtop .navpc li p i,.topblank,.fixtop,.fixtop .logo,.fixtop .cnen,.about li .pic img,.message li.btn input,.contact li .pic img,.product .proright li .pic .in img,.product .proright li .title,.product .proright li .pic,.indabout .pic img,.indpro .item .pic img,.indpro .item .pic,.factory li img
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.pd,.aboutright .in,.factory li
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.about li .pic img:hover,.contact li:hover .pic img,.product .proright li:hover .pic .in img,.indabout .pic:hover img,.indpro .item:hover .pic img,.factory li:hover img
{transform:scale(1.10);-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);-ms-transform:scale(1.10)}
.abc
{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;background: #2f2a31}
a,input,button,select,textarea {text-decoration: none;outline:none;}
html,body,input,button,select,textarea {font-family:'Source Han Sans','Microsoft YaHei','微软雅黑';}
html,body,input,button,select,textarea {font-size:16px;color:#333;font-weight:400}a {color:#333}b,strong {font-weight:700}
a:hover,.product .proright li:hover .title,.indpro .item:hover .title a,.contact li .cons .c a:hover{color:#d19753}
.table { display:table; height:100%;width:100%;}table {border-collapse: separate;border-spacing: 0 0}
.table .td { display:table-cell; vertical-align:middle;}
.vcenter{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;}
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: top; -webkit-touch-callout: none;}
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 20px;}.list-paddingleft-2 li { list-style:inherit;}
em { font-style:normal}
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%;}
.imgcover { position:absolute;left:0;top:0;width:100%;height:100%; z-index: 1}.imgcover img {width:100%;height:100%;object-fit:cover;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:90px 0 0 0;text-align:center}
.pager {width:100%; } 
.pager a,.pager span,.pager font {display:inline-block;vertical-align:top;margin:5px 10px;width:40px; height:40px; line-height:38px; background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.15);text-align: center;border-radius:40px;}   
.pager font {font-family:'宋体';font-weight:900;margin:0;} 
.pager a:hover,.pager span.current,.pager a font:hover {color:#fff; border-color:#d19753; background: #d19753} 
.pager a,.pager span.disabled {color:#666} 
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:16px;font-weight:400;color:#000;}
.pager select,.pager input,.pager a,.pager span.disabled  {border:0px solid #666;}
.pager i {font-weight:bold; line-height: 38px; 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: #d19753;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius:0px;background: #fff;}

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

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

.di {float:left;}
.dipage {float:left;}

.wrap {margin:0 auto;max-width:1400px;position:relative;}
.wrap2 {margin:0 4%; position:relative;}
.phonemenu { display:none;}

.fixtop { position: fixed;left:0;top:0;width:100%; z-index: 9998; height:100px; background:#2f2a31}
.fixtop .logo { position: absolute;left:0;top:20px;z-index: 999}
.fixtop .logo img {height:60px;}
.fixtop .navpc { text-align:right;margin:0 150px 0 0}
.fixtop .navpc li {display:inline-block; vertical-align: top;margin:0 0 0 45px; position: relative}
.fixtop .navpc li a.a {display:inline-block; vertical-align: top; height:100px; line-height:97px;font-size:18px;color:#fff; }
.fixtop .navpc li p { position:absolute;left:0;bottom:0;width:100%; height:3px; text-align: center}
.fixtop .navpc li p i { display:block;width:0;height:100%; background:#d4b164;margin:0 auto}
.fixtop .navpc li:hover p i,.fixtop .navpc li.check p i {width:100%}
.fixtop .navpc li.check a.a,.fixtop .navpc li:hover a.a,.fixtop ul.navpc li:Hover>a.a {color: #d4b164}
.fixtop .cnen {position:absolute;right:0;top:33px}
.fixtop .cnen a {font-size:12px;margin:0 0 0 10px;background:rgba(212,177,100,0.8);color:#fff;opacity:0.8;display: inline-block;height:22px; line-height:20px;border-radius:22px;width:45px;padding:0; text-align: center}
.fixtop .cnen a:hover,.fixtop .cnen a.check {opacity:1;background:#d4b164;color:#fff}
.topblank {height:100px}
.fixtop.active {top:-20px}
.fixtop.active .logo {top:30px;}
.fixtop.active .navpc li a.a {line-height:117px;}
.fixtop.active .cnen {top:43px}
.topblank.active {height:80px}
.indpics .item {padding:19.7% 0;}
.bannerin {padding:13% 0;color:#fff;}
.bannerin .c {text-transform: uppercase;font-size:35px; letter-spacing: 1px; line-height: 1.4;font-weight:700}
.bannerin .t {font-size:25px; line-height:35px; letter-spacing:2px;margin:5px 0 0 5px}

.aboutbg { background: #2f2a31}
.aboutleft {float:left;width:50%; text-align: right}
.aboutleft .in {width:700px; position: relative;margin:0 0 0  auto}
.aboutleft .in .bg { background:url("../images/aboutbg.png");width:470px;height:470px; background-size:100%;margin:110px 0 0 0;color:#fff; text-align: left;text-transform: uppercase;}
.aboutleft .in .bg .t {padding:175px 0 0 100px;font-size:50px; line-height: 50px;font-weight:700}
.aboutleft .in .bg .t2 {padding:20px 0 0 100px;font-size:40px; line-height: 40px}
.aboutleft .in .bg .t2 span {margin:0 0 0 10px}
.aboutright {float:right;width:50%; background: #fff;}
.aboutright .in {width:700px;padding:80px 0 100px 100px}
.aboutright .content {font-size:16px;color:#666;margin:40px 0 0 0;line-height:1.8}
.mainsubject {margin:0 0 40px 0}
.mainsubject .t {font-weight:700;color:#224c90;font-size:25px; line-height:35px; letter-spacing:0.5px}
.mainsubject .t2 { text-transform: uppercase;font-weight:700;color:#d19753;font-size:20px; line-height: 30px; letter-spacing: 0.2px;}

.about { background:#fff}
.about li {padding:120px 0}
.about li .pic { display: inline-block; vertical-align: middle;width:50%; overflow: hidden;border-radius:25px}
.about li .pic img {width:100%;}
.about li .cons { display: inline-block; vertical-align: middle;width:40%;margin:0 0 0 10%}
.about li .cons .subject {font-weight:700;color:#224c90;font-size:25px; line-height:35px; letter-spacing:0.5px}
.about li .cons .title2 {text-transform: uppercase;font-weight:700;color:#d19753;font-size:20px; line-height: 30px; letter-spacing: 0.2px; position: relative;margin:5px 0 0 0}
.about .title2:before {content:''; position: absolute;bottom:-20px;width:70px;height:3px; background: #d19753}
.about li .cons .c {margin:60px 0 0 0;font-size:17px; line-height:2}
.about li.li2 {background:#f5f5f5}
.about li.li2 .cons {margin:0 10% 0 0}

.message { background:#f5f5f5;padding:100px 0 110px 0}
.message .subject,.contact .subject {font-weight:bold;font-size:40px; line-height: 50px;margin:0 0 50px 0;}
.message ul {margin:-30px 0 0 0}
.message li {float:left;width:30%;margin:30px 0 0 0}
.message li input[type="text"] {width:100%; height: 55px;border-bottom:1px solid #ccc; background: none;font-size:16px;}
.message li.mtel {margin-left:5%;margin-right:5%}
.message li.beizu {width:100%;margin-top:60px}
.message li textarea {width:100%; height:90px;border-bottom:1px solid #ccc; background: none;font-size:16px; overflow: auto}
.message li.btn {width:100%; text-align: center;margin-top:60px}
.message li.btn input {width:250px;border-radius:50px;color:#fff;margin:0 auto; cursor: pointer; background: #d4b164;font-size:18px;padding:10px 0 12px 0}
.message li.btn input:hover {width:300px}

.contact {background:#fff;padding:100px 0 110px 0}
.contact ul {width:104%;margin:-80px 0 0 -2%;}
.contact li {float:left;width:46%;margin:80px 2% 0 2%}
.contact li .pic {float:left;width:30%; overflow: hidden}
.contact li .cons {float:right;width:65%}
.contact li .cons .t {font-weight:700;font-size:18px; line-height:28px; position: relative;top:-8px}
.contact li .cons .t2 {font-size:18px; line-height:28px;color:#666;margin:5px 0 0 0}
.contact li .cons .c{color:#666;margin:5px 0 0 0;font-size:15px}
.contact li .cons .c a {color:#224c9e}

.map {border:1px solid #ccc;margin:40px 0 0 0}
.map iframe,#container {width:100%;height:300px}

.product {background:#f5f5f5;padding:100px 0 120px 0}
.product .proleft {float:left;width:15%}
.product .proleft dd a {display:block;padding:10px 10% 12px 10%;border-bottom:1px solid #ddd; background: #fff}
.product .proleft dd a:hover,.product .proleft dd.check a { background:#d19753;color:#fff;border-color:#fff}
.product .proright {float:right;width:81.5%;}
.product .proright ul {width:104%;margin:-40px 0 0 -2%}
.product .proright li {float:left;width:29.3333%;margin:40px 2% 0 2%; text-align: center}
.product .proright li .pic {background: #fff;box-shadow:0 0 10px rgba(0,0,0,0.15);padding:40px; overflow: hidden}
.product .proright li .pic .in { position:relative;}
.product .proright li .title { text-align: center; height: 30px; line-height: 30px; overflow: hidden;margin:25px 0 0 0;color:#224c90;font-weight:700;font-size:18px}
.product .proright li:Hover .pic {box-shadow:0 0 20px rgba(0,0,0,0.3);}
.product .proright .clear2 {display:none;}
.product .proright .clear3 {clear:both}

.indexbg { background:#fff;padding:120px 0 130px 0}
.indabout .pic {float:left;width:40%; overflow: hidden}
.indabout .text {float:right;width:53%}
.indsubject {font-weight:700;font-size:35px; line-height:45px;margin:-6px 0 30px 0; position: relative; display: inline-block; z-index: 100}
.indabout .text .title2 {font-weight:400;font-size:18px; line-height: 1.8;border-bottom:1px solid #ccc;padding:0 0 25px 0;margin:-8px 0 18px 0;color:#666;max-width:650px}
.indabout .text .content {margin:0 0 40px 0; line-height: 1.8;font-size:18px;color:#666;max-width:650px}
.indabout .text .content h2 {margin:0 0 10px 0;color:#333}
.indabout .text .content strong {color:#333}
.indmore a {height:40px; line-height: 38px;width:170px; text-align: center;border-radius:40px; background: #d4b164;color:#fff; display: block}
.indmore a:hover { background: #224c90;width:190px}
.indsubject:before {content:''; position: absolute;left:0;bottom:0px;width:100%;height:10px; z-index: -1; background: rgba(212,177,100,0.9)}

.indpro {text-align: center;padding:120px 0 120px 0}
.indpro .content {color:#234d90;font-size:20px;margin:10px 0 70px 0; line-height: 2}
.indpro .item .pic {background: #fff;border:1px solid #ddd;padding:50px}
.indpro .item .pic .in { position:relative;padding:50% 0}
.indpro .item .title { text-align: center; height: 30px; line-height: 30px; overflow: hidden;margin:25px 0 0 0;color:#224c90;font-weight:700;font-size:18px}
.indpro .item:Hover .pic {border-color:#d19753}
.indpro .indmore {margin:80px 0 0 0}
.indpro .indmore a {margin:0 auto; text-align: center}
.indpro .owl-carousel .owl-nav{margin-top:-53px;}
.indpro .owl-carousel .owl-nav .owl-prev {left:-100px;}
.indpro .owl-carousel .owl-nav .owl-prev:before,.indpro .owl-carousel .owl-nav .owl-next:before {background:#d4b164;}
.indpro .owl-carousel .owl-nav .owl-next {right:-100px;}
.indpro .owl-carousel .owl-nav .owl-prev:hover:before,.indpro .owl-carousel .owl-nav .owl-next:hover:before{ background: #224c90}

.indtech { position:relative;padding:120px 0;color:#fff; text-align: center;margin:0 0 -131px 0; background-position: bottom}
.indtech .t {font-size:30px; line-height: 40px;font-weight:700; text-align: center}
.indtech .c {font-size:18px;max-width:900px;margin:20px auto 80px auto; text-align: center; line-height: 2;}
.indtech .indmore {text-align:center}
.indtech .indmore a {margin:0 auto}
.indexcontact {background:#f5f5f5;margin:120px 0 0 0;padding:100px 0}

.factory {background:#f5f5f5;padding:100px 0 120px 0}
.factory ul {width:102%;margin:-40px 0 0 -1%}
.factory li {float:left;width:31.3333%;margin:40px 1% 0 1%;padding:0 0 0 45px; position: relative}
.factory li .logo { position:absolute;left:0;top:0;width:45px;height:45px; text-align: center; background: #d19753 url("../images/logofac.png") no-repeat center;background-size:60%}
.factory li .num { position:absolute;left:0;top:45px;width:45px;height:45px; line-height: 45px; text-align: center; background: #e8e9e4;font-weight:700;font-size:22px;color:#bbb}
.factory li .pic {position: relative; overflow: hidden;padding:33.5% 0}
.factory li .title {height:25px; line-height: 25px; overflow: hidden;margin:15px 0 0 0; text-align: center;font-weight:700;font-size:18px}






.foot {background:#2f2a31;color:#ccc;border-top:1px solid rgba(255,255,255,0.15);}
.foot a {color:#ccc;}
.foot a:hover {color:#d4b164}
.foot .up { text-align: center;padding:40px 0;font-size:22px; line-height:37px; letter-spacing: 1px;color:#fff}
.foot .down {border-top:1px solid rgba(255,255,255,0.15);padding:40px 0 40px 0;}
.foot .down .text {float:left;width:60%;font-size:14px; line-height: 2.2}
.foot .down .logo {float:right; text-align: right}