/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:''; color:#666;}
a{color:#666;}
a:hover{ color:#f60; /*text-decoration:underline;*/}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ max-width:1712px; margin:0 auto;padding: 2%;}
.wapper1{ max-width:1140px; margin:0 auto;}
.wapper2{ max-width:80%; margin:0 auto;}




.header-bg{ position:fixed; width:100%; z-index:99;padding:2% 0;transition: all 0.6s;}

.header{ position:relative}
.logo{float:left;display:block;width: 24%;position: relative;
    z-index: 9999999;}
.logo img{ width:100%}

.baner{ height:100vh; width:100%; position:relative}
.baner img{ width:100%; height:100%}
.baner video{object-fit: cover;}

.djie{ display:block; width:80%; left:50%; margin-left:-40%; z-index:2; top:40%; position:absolute;}
.djie strong{ display:block; text-align:center; color:#fff; font-size:100px}
.djie ul{ text-align:center; margin-top:17%;}
.djie ul li{display:block;width: 46%;border-top: 4px solid #fff;font-size:20px;color:#fff; margin-right:8%; text-align:left; float:left;}
.djie ul li a{ color:#fff; display:block; margin-top:4%;}
.djie ul li span{ float:left; display:block; width:70%}
.djie ul li img{width: 39px; float:right; display:block}
.djie ul li:nth-child(2n) {
    margin-right: 0% ;
}
.topeji{ height:135px; display:block}

.sb001{ width:14%}
.sb001 img{ filter: brightness(0%) contrast(200%) invert(0%) opacity(100%)!important;}
/*menu*/
.menu{height:40px;line-height:40px;float:right;display:block;width: 74%;text-align:right;margin-top:19px;}
.menu ul>li{/* width: 148px; */text-align:center;display:inline-block;padding: 0 2%;}
.menu ul>li dl{background:#fff;width: 140%;position:absolute;left: 50%;top: 90px;/* box-shadow:2px 2px 5px rgba(0,0,0,0.2); *//* padding:10px 0; */display:none;z-index: 1;margin-left: -70%;}
.menu ul li dl dd{/* line-height:28px; *//* border-bottom:#ddd dotted 1px; *//* margin:0 10px; */}
.menu ul li dl dd a{ font-size:12px; color:#666; font-weight:normal; display:inline; padding:0; text-align:left;}
.menu ul>lidl dd a:hover{ color:#f60;}
.menu a{font-size:19px;color:#fff;text-decoration:none;display:block;text-align: center;padding-right: 14px;}
.menu a:hover{color:#a95228 !important;}
/*a.menu_hover{ color:#a95228 !important;}*/
.menu_down span{display:block;background: url(../images/sjiexi2.png) right 0px center no-repeat;padding-right: 10px;}
.header-bg:hover { background:#fff !important;}
.header-bg:hover ul li span>a{ color:#000 !important;}
.header-bg:hover .menu_down span{ background:url(../images/sjiexi.png)  right 0px center no-repeat !important;}
.header-bg:hover img{filter: brightness(0%) contrast(200%) invert(0%) opacity(100%)!important ; }


.black{ text-align:left  !important;     padding: 2%;}
.ses01{float:left;display:block;width: 41%;}
.ses01>h2 {
        font-size: 20px;
        line-height: 61px;
        color: #000;
        text-align: left !important;
    }
.ses01 ul li{float:left;display:block;width: 44% !important;text-align: left;margin-right: 2%;}
.ses01 ul li a{  position:relative;
    right: 3%;
    bottom: 8%;
    text-transform: uppercase;
    color: #a95228 !important;
    display: inline-block;
    text-align:left  !important;
    padding: 0 !important;
    line-height: 50px;
    }
.ses01 ul li a:after {
    background-color: #a95228;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
}
.ses01 ul li a:hover:after {
    -webkit-animation: hoverUnderline .6s ease;
    animation: hoverUnderline .6s ease;
}
.ses02{float:right;display:block;width: 43%;background: #f2f2f2;padding: 1%;margin-right: 11%;position:relative }
.ses02 img{ float:left; display:block; width:30%;}
.ses03{ float:right; display:block; width:65%;}
.ses03 h2{ font-size:18px; font-weight:normal; display:block;}
.djen{
    position:absolute;
    left: 36%;
    bottom: 8%;
    text-transform: uppercase;
    color: #a95228 !important;
    display: inline-block;
    text-align:left  !important;
    padding: 0 !important;
    line-height: 50px;
    }
	.djen:after {
    background-color: #a95228;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
}
.djen:hover:after {
    -webkit-animation: hoverUnderline .6s ease;
    animation: hoverUnderline .6s ease;
}

.djen01{
    position:absolute;
    right: 3%;
    bottom: 8%;
    text-transform: uppercase;
    color: #a95228 !important;
    display: inline-block;
    text-align:left  !important;
    padding: 0 !important;
    line-height: 50px;
    }
.djen01:after {
    background-color: #a95228;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
}
.djen01:hover:after {
    -webkit-animation: hoverUnderline .6s ease;
    animation: hoverUnderline .6s ease;
}

.eueae{ margin-top:2%;}
.eueae ul{ float:left; display:block; width:20%;   }
.eueae ul li{ float:left; display:block; width:100%; text-align: left;}
.eueae ul li a{  position:relative;
    right: 3%;
    bottom: 8%;
    text-transform: uppercase;
    color: #a95228 !important;
    display: inline-block;
    text-align:left  !important;
    padding: 0 !important;
    line-height: 50px;
    }
.eueae ul li a:after {
    background-color: #a95228;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
}
.eueae ul li a:hover:after {
    -webkit-animation: hoverUnderline .6s ease;
    animation: hoverUnderline .6s ease;
}
.header-bg:hover .cxfgew  span>a{ color:#a95228 !important;}
.cxfgew a{ color:#a95228 !important;}

.center01{margin-top:4%;padding-bottom: 2%;}
.center01>h2{ font-size:44px; text-align:center; display:block; font-weight:normal; color:#000;}
.center01>span{font-size: 27px;display:block;color:#000;/*text-align:center;*/margin:3% auto;}
.center01>em{color:#9fa5a9;font-weight:normal;font-size: 16px;margin-top: 5%;font-style:normal;display:block;}








.core ul li{ float:left; display:block; width:22%; position:relative; padding:6% 0; margin-right: 4%}
.parer{text-align:center;margin:0 auto;width:50%;padding: 12% 4%;}
.parer strong{ font-size:26px; color:#fff; font-weight:normal;}
.parer em{ font-size:20px; color:#fff; display:block; font-style:normal; font-weight:normal;}
.core ul li span{font-size: 22px;color:#000;position:absolute;background:#fff;padding: 2% 0;}
.coer01{ top:0; left:0; position:relative}
.coer02{ top:0; right:0;position:relative}
.coer04{  bottom:0; left:0%; width:48%; text-align:center;position:relative}
.coer03{ bottom:0; left:50%; width:55%; margin-left:-24%; text-align:center;position:relative}
.coer05{bottom: -17%;left:50%;width:48%;margin-left:-24%;text-align:center;position:relative;}
.coer06{ bottom:0; right:0; position:relative;width:48%;text-align:center;}
.coer07{ bottom:0; left:50%; width:48%; margin-left:-24%; text-align:center;position:relative}
.core ul li span:after {
    background: #000;
    content: "";
    height: .75px;
    left: 50%;
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: width .65s .65s;
    transition: width .65s .65s;
    width: 150px;
    z-index: -1;
}
.coer01:after{ left:6% !important;}

.coer02:after {
       -webkit-transform: rotate(135deg) !important;
    transform: rotate(135deg) !important;left:99% !important;
}
.coer03:after{    -webkit-transform: rotate(-90deg)!important;
    transform: rotate(-90deg) !important;}
	
.coer04:after{      -webkit-transform: rotate(-45deg)  !important;
    transform: rotate(-45deg) !important;}	
	
.coer05:after{      -webkit-transform: rotate(-90deg)!important;
    transform: rotate(-90deg) !important;}		

.coer06:after{     -webkit-transform: rotate(-135deg!important);
    transform: rotate(-135deg)!important;}	
	
.coer07:after{    -webkit-transform: rotate(-90deg)!important;
    transform: rotate(-90deg) !important;}	
.core ul li:nth-child(4n) {
    margin-right: 0% ;
}



.center02-bg{ padding:8% 0;}
.center02{}
.center02 h2{ text-align:center; font-size:84px; color:#fff; font-weight:normal;}
.center02 a{text-align:center;font-size: 32px;display:block;color:#fff;font-weight: normal;margin-top: 4%;}
.center02 h3{display:block;font-size: 30px;text-align:center;color:#fff;font-weight:normal;margin-top: 1%;}





.center03{ margin-top:4%; margin-bottom:4%; border-bottom:1px solid #000; padding-bottom:4%}
.center03>h2{ display:block; font-size:50px; color:#000; font-weight:normal; margin-bottom:2%;}
.center03-l{float:left;display:block;width:38%;}
.center03-l img{ width:100%;}
.center03-l em{ font-style:normal; font-size:18px; color:#000; display:block; margin-top:4%;}
.center03-l strong{ display:block; color:#000; font-size:30px;margin-top:4%;}
.center03-l span{ display:block; color:#000; font-size:24px; margin-top:4%; line-height:40px;}
.center03-l a{ display:block; width:120px; line-height:50px; font-size:18px; color:#a95228; border-bottom:2px solid #a95228; font-weight:bold;}
.center03 ul{float:right;display:block;width: 59%;}
.cidae{border-left:1px solid #000; border-right:1px solid #000; }
.center03 ul li{ float:left; display:block; width:41%; padding:0 4% 10% 4%;}
.center03 ul li em{ font-style:normal; font-size:18px; color:#000; display:block; }
.center03 ul li strong{display:block;color:#000;font-size:30px;margin-top: 6%;}
.center03 ul li i{font-style:normal;font-size:14px;color:#9fa5a9;display:block;margin-top: 8%;}
.center03 ul li span{ display:block; color:#000; font-size:24px; margin-top:4%; line-height:40px;  word-wrap:break-word;}
.center03 ul li a{ display:block; width:120px; line-height:50px; font-size:18px; color:#a95228; border-bottom:2px solid #a95228; font-weight:bold; margin-top:7%;}


.center04{ margin-top:4%; margin-bottom:4%; padding-bottom:4%}
.center04>h2{ display:block; font-size:50px; color:#000; font-weight:normal; margin-bottom:2%;}
.center04-l{float:right;display:block;width: 38%;}
.center04-l img{ width:100%;}
.center04-l em{ font-style:normal; font-size:18px; color:#000; display:block; margin-top:4%;}
.center04-l strong{ display:block; color:#000; font-size:30px;margin-top:4%;}
.center04-l i{font-style:normal;font-size:14px;color:#9fa5a9;display:block;margin-top: 4%;}
.center04-l span{ display:block; color:#000; font-size:24px; margin-top:4%; line-height:40px;}
.center04-l a{ display:block; width:120px; line-height:50px; font-size:18px; color:#a95228; border-bottom:2px solid #a95228; font-weight:bold;}
.center04 ul{float:left;display:block;width: 61%;}
.center04 ul li{float:left;display:block;width: 41%;padding:0 4% 10% 4%;}
.center04 ul li img{ width:100%;}
.center04 ul li em{ font-style:normal; font-size:18px; color:#000; display:block; }
.center04 ul li strong{display:block;color:#000;font-size:30px;margin-top: 6%;}
.center04 ul li i{font-style:normal;font-size:14px;color:#9fa5a9;display:block;margin-top: 8%;}
.center04 ul li span{ display:block; color:#000; font-size:24px; margin-top:4%; line-height:40px;}
.center04 ul li a{ display:block; width:120px; line-height:50px; font-size:18px; color:#a95228; border-bottom:2px solid #a95228; font-weight:bold; margin-top:7%;}


.center05-bg{  background:#d9d9d9}
.center05{ padding:4% 0; text-align:center;}
.center05 h2{ display:block; font-size:70px; color:#000; text-align:center;}
.center05 a{display: inline-block;background:#a95228;line-height: 70px;padding: 0 3%;color: #fff;font-size: 25px;margin-top: 4%;}

.footer-bg{background:#000;padding-bottom: 2%;}
.footer{padding-top: 4%;}
.footer-1{float:left;display:block;width: 28%;border-top:2px solid #a3aaae;}
.footer-1 h2{font-size: 24px;color: #fff;height:42px;line-height:42px;font-weight:normal;margin-top: 8%;}
.footer-1 ul{ text-align:left; margin-top:10%;}
.footer-1 ul li{  width:66px; display:inline-block; margin-right:10%;}
.footer-1 ul li a{color:#fff; font-size:26px; display: flex;
    justify-content: center;
    align-items: center;height:66px;border:1px solid #fff; border-radius:50%; width:100% }




.footer-2{float:left;display:block;width: 28%;margin-left: 6%;border-top:2px solid #a3aaae;}
.footer-2 ul{ }
.footer-2 ul li{ line-height:30px; display:block; width:100%; font-size:20px;}
.footer-2 ul li a{color:#fff; font-weight:300; }
/*.footer-2 ul li a:hover{color:#a3aaae; }*/
.footer-2 ul li:nth-child(2n-1) {
   margin-top:8%;
}



.footer-r{float:right;display:block;width: 28%;border-top:2px solid #a3aaae;}
.footer-r h2{ font-size:20px; color:#fff; height:42px; line-height:42px;  font-weight:normal; margin-top:6%;}
.footer-r ul li{  line-height:30px; display:block; margin-top:4%; }
.footer-r ul li a i{ display:inline-block; margin-right:6%;}
.footer-r ul li a{color:#fff;font-size:20px; font-weight:300; }
/*.footer-r ul li a:hover{color:#fff; }*/

.footer span{color: #fff;font-size:17px;display: block;margin-top: 4%;}
.footer h3{color:#a3aaae; font-size:17px; text-align:left; font-weight:normal; display:block; margin-top:10px;}
.footer h3 a{display:inline-block;color: #fff;}


.center06{ width:100%;}
.center06 ul{ padding:2%}
.center06 ul li{ float:left; display:block; width:33.33%}
.center06 ul li a{ display:block}
.center06 ul li a img{ width:100%;}


.center07-bg{ background:#ececec; margin-bottom:4%;}
.center07 img{float:left;display:block;width: 32%;}
.center07r{float:right;display:block;width: 61%; margin-top:6%;}
.center07r h2{ font-size:44px; color:#000; display:block;}
.center07r span{display:block;font-size: 25px;color:#8c8c8c;margin-top:2%;margin-bottom: 8%;}
.center07r strong{display:block;font-size: 26px;color:#1c1c1c;font-weight:500;line-height: 40px;}


.cent07{ width:100%; position:relative;}
.hei01{ height:110vh; background:rgb(0 0 0 / 0.5);}
.cent07 img{ width:100%;}
.cent07-l{ position:absolute; top:36%; left:50%; color:#fff;  text-align:center; width:60%; margin-left:-30%}
.cent07-l h2{ font-size:60px; display:block;}
.cent07-l p{ padding:0; height:20vh; width:2px; margin:2% auto; display:block; background:#fff;}
.cent07-l a{ color:#fff; font-size:18px; text-align:center; display:block;}
.cent07-l span{ font-size:26px; color:#fff; margin-top:6%; display:block}


.center08{ margin-top:4%;}
.center08>h2{display:block;font-size: 35px;color:#000;width: 75%;font-weight: normal;}
.view{float:left;display:block;width: 53%;}
.view h2{display:inline-block;font-size: 20px;color:#000;background:#d9d9d9;padding: 1.5% 2%;margin-top: 4%;}
.view strong{display:block;font-size: 30px;color:#070707;margin-top: 4%;}
.view span{ display:block;font-size: 26px;color:#1c1c1c;font-weight:500;line-height: 40px; margin-top:4%;}
.center08 img{float:right;display:block;width: 41%; margin-top:6%;}


.center09{ margin-top:4%;}
.center09 ul li{ float:left; display:block; width:32%; margin-right:2%; margin-bottom:4%}
.center09 ul li:nth-child(3n) {
    margin-right: 0% ;
}
.center09 ul li a{ display:block}
.center09 ul li a img{ width:100%;}
.center09 ul li span{display:block;font-size: 23px;color:#070707;line-height: 40px;margin-top: 2%;}
.center09 ul li strong{display:block;font-size: 24px;color:#070707;height: 118px;overflow: hidden;}
.center09 ul li h1{ font-size:18px; color:#9fa5a9; display:block; font-weight:normal; margin-top:5%;}


.center10{ margin-top:2%; margin-bottom:4%;}
.center10 h2{color:#070707;display:block;font-size: 75px;text-align:center;font-weight: normal; margin-bottom:4%;}
.center10 ul li{ float:left; display:block; width:50%; position:relative}
.center10 ul li a{ display:block}
.center10 ul li a img{ width:100%;vertical-align: bottom;
}
.center10 ul li a span{position:absolute;text-align:center;width:100%;bottom: 21%;font-size: 42px;color:#fff;left:0;font-weight: normal;}


.cent06{ width:100%; position:relative;}
.cent06>img{ width:100%; display:block}
.cent06-l{position:absolute;top: 0%;text-align:center;width: 100%;left: 0%;/* margin-left:-30%; */display: flex;justify-content: center;align-items: center;height: 100%;}
.cent06-l h2{ color:#fff; font-size:55px; font-weight:normal}
.cent06-l span{ color:#fff; font-size:20px; font-weight:300; display:block; width:60%; margin:4% auto; line-height:30px;}
.cent06-mg{ display:none}


.center11{ margin-top:4%;}
.center11 img{ float:left; display:block; width:57%;}
.center11-r{ float:right; display:block; width:40%;}
.center11-r h2{display:block; color:#070707; font-size:20px; font-weight:normal;}
.center11-r strong{display:block;font-size: 30px;color:#070707;margin-top: 4%;}
.center11-r em{display:block;font-size: 25px;color:#8c8c8c;margin-top:2%;margin-bottom: 5%;font-style:normal;}
.center11-r span{display:block;font-size: 26px;color:#1c1c1c;font-weight:500;line-height: 40px;/* margin-top:4%; */text-indent: 2em;}


.center12{text-align:center;margin-top: 2%; margin-bottom:4%}
.center12 h2{ display:block; text-align:center; color:#000; font-size:60px;}
.center12 span{display:block;font-size: 26px;width: 64%;margin: 4% auto 6% auto;color:#000;text-align:center;line-height: 56px;}
.center12 ul li{ float:left; display:block; width:24.25%; margin-right:1%;   box-shadow: 0px 0px 14px #ccc; margin-bottom:2%;}
.center12 ul li:nth-child(4n) {
    margin-right: 0% ;
}
.center12 ul li:nth-child(4n-3){ clear:left;}
.center12 ul li a{ display:block}
.shye{ width:100%; position:relative}
.shye img{ max-width:100%; max-height:208px;}
.shyw{position:absolute;left:0;top: 10%;color:#fff;font-size: 16px;padding: 11px 21px;}
.shuske{ display:block; padding:6%;height: 184px;}
.shuske h3{ text-align:center; display:block; font-size:27px; color:#000;}
.shuske strong{ display:block; font-size:17px; font-weight:normal; color:#000; text-align:center; margin-top:6%;}
.center12>a{display:inline-block;font-size: 22px;border-radius:5px;background:#000;color:#fff;padding: 2% 6%;margin-top: 4%;}

.center13-bg{ background:#f0f0f0; display: flex;
    justify-content: center;
    align-items: center; height:50vh}
.center13-bg h2{ font-size:60px; text-align:center; display:block; color:#013713; font-weight:normal;}

.cent14-bg{ width:100%}
.cent14-bg ul li{ float:left; display:block; width:25%; background:#f8f8f8; position:relative; padding-bottom:4%;}
.dieg{ width:100%; text-align:center; padding-top:6%;}
.dieg img{ max-width:100%;  margin:0 auto; display:block;}
.dieg h2{ display:block; font-size:24px; color:#000; font-weight:normal; margin:2% 0;}
.dieg span{ display:block; font-size:18px; font-weight:normal; color:#e57669; border:1px solid #e57669; width:148px; height:30px; line-height:30px; text-align:center; margin:0 auto 4% auto;}
.dieg span em{ float:right; display:block; width:64px; background:#e57669; color:#fff; font-style:normal;}
.dieg h3{ text-align:center; font-weight:normal; font-size:20px; color:#000;}
.wie{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgb(0 0 0 / 0.5); display:none; text-align:center;}
.wie a{position:absolute;bottom:10%;border:2px solid #fff;font-size:18px;color:#fff;display:inline-block;padding:4% 10%;left: 24%;}
.cent14-bg ul li:hover .wie{ display:block;}

.center18{ text-align:center; margin-top:6%;}
.center18 h2{font-size: 74px;display:block;color:#000;}
.center18 span{display:block;font-size: 28px;color:#000;margin: 3% auto;}
.center18 a{display:inline-block;background:#0f6ffe;color:#fff;font-size: 26px;padding: 1.5% 2%;}
.HBoxbg{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:88; background:rgba(0,0,0,0.5); display:none;}
.HBox {
	width: 500px;
	height: 335px;
	margin: 0 auto;
	box-shadow: 1px 1px 5px #333;
	-webkit-box-shadow: 1px 1px 5px #333;
	background-color: #ffffff; position:absolute;
	top: 50%;
	left: 50%; margin-left:-250px; margin-top:-167px;
	z-index: 100000;
}
.guwen{
    justify-content: center;
    align-items: center;
    margin-top: 10%;
}
.guwen img{height: 200px;width: 200px;display:block;margin: 0 auto;}
.guwen h2{text-align:center;font-size:18px;color:#000;line-height: 40px;}




.center15{ margin-top:4%;}
.center15 ul li{float:left;display:block;width: 28%;margin-right: 8%;}
.center15 ul li:nth-child(3n) {
    margin-right: 0% ;
}
.center15 ul li h3{display:block;font-size: 36px;color:#000;}
.center15 ul li span{display:block;font-size: 24px;color:#000;line-height: 40px;margin-top: 6%;}

.center16{ margin-top:4%}
.center16>h2{font-size: 58px;display:block;color:#000; text-align:center;}
.center16 ul{  display:block; margin-top:4%;}
.center16 ul li{border: 2px solid #ccc;margin-bottom:2%;padding:2%;}
.jianqao{ width:100%}
.jianqao img{float:left;display:block;width: 4%;border:1px solid #ccc;border-radius:10px;padding: 10px;}
.jianqiao01{ float:right; display:block; width:93%;}
.jianqiao01 h2{ display:block; font-size:20px; color:#000;}
.jianqiao01 span{ display:block;font-size:14px; color:#000; margin-top:1%;}
.yiguo{border:1px solid #ccc;border-radius:5px;margin-top:2%;padding: 1%;}
.yiguo h3{font-size:14px;color:#000;float:left;display:block;font-weight: normal;margin-top: 1%;margin-left: 2%;width: 77%;}
.yiguo01{float:right;display:block;width:20%;color:#3c8868;text-align: right;font-size: 22px;}
.yiguo01 a{border:1px solid #0f6ffe;color:#0f6ffe;border-radius:5px;font-size: 22px;padding: 3% 7%;display: inline-block;margin-left: 5%;}

.center17{margin-top:4%; margin-bottom:4%;}
.center17>h2{font-size: 58px;display:block;color:#000; text-align:center;}
.center17 ul{ margin-top:4%;}
.center17 ul li{ float:left; display:block; width:32%; margin-right:2%}
.center17 ul li:nth-child(3n) {
    margin-right: 0% ;
}
.center17 ul li>a{ display:block}
.center17 ul li>a>img{ width:100%;}
.center17 ul li span{display:block;font-size: 30px;color:#000;font-weight: bold;margin-top: 4%;}
.center17 ul li em{font-style:normal;font-size: 22px;color:#5e8cd0;font-weight:bold;display: flex;align-items: center;margin-top: 4%;}


.cent01{ padding-top:8%;}
.cent01 h2{ display:block; font-size:44px; text-align:center; color:#000;}
.cent01 span{display:block;font-size:26px;text-align:center;color:#000;margin-top: 2%;}



.ship{ margin-top:2%; position:relative}
.ship>img{ width:100%;}
.ship>a{position:absolute;top: 44%;width: 7%;left: 46%;}
.ship>a img{ width:100%;}



.sousue{display:block;height:37px; padding-top:10%; margin-bottom:20%;}
.sousue h1{ font-size:55px; color:#000; }
.djiedgfwa4{ border:1px solid #caced7;margin-top:3.5%;}
.input_text002{ float:left; display:block; width:70%; height:48px; background:none;outline:none; margin-left:6px; padding-left:10px; font-size:14px;}
.input_text002::-webkit-input-placeholder{ color:#caced7;}
.sousue a{float:right;display:block;width: 4%;}
.sousue a img{ width:100%;}


.cent02{ margin-top:6%;}
.cent02 p{ font-size:17px; color:#000;}
.cent02>span{ font-size:38px;color:#000;}
.cent02 ul{float:left;display:block;width: 38%;margin-top: 0%;}
.cent02 img{float:right;display:block;width: 58%;margin-top: 4%;}
.cent02 ul li{border-top:1px solid #000;padding-bottom: 10%;padding-top: 9%;}
.cent02 ul li h2{ color:#000; font-size:26px; font-weight:normal}
.cent02 ul li span{font-size:20px;color:#000;font-weight:300;line-height:30px;display: block;margin-top: 2%;}
.cent02 ul li:nth-child(1) {
    border-top:none;
}
.cent03-bg{ background:url(../images/overview_page_pattern_banner.jpg) center no-repeat; background-size:100% auto; margin-bottom:4%}
.cent03{ padding:4% 0}
.cent03 h2{ color:#fff; font-size:44px; display:block; text-align:center; }
.cent03 span{ color:#fff; font-size:26px; display:block; text-align:center;  margin-top:2%}
.cent03 strong{ color:#fff; font-size:20px; display:block; text-align:center; font-weight:normal; margin-top:2% }


.cent04{ width:100%; position:relative;}
.hei{ height:80vh; background:rgb(0 0 0 / 0.5);}
.cent04 img{ width:100%;}
.cent04-l{ position:absolute; top:30%; left:50%; color:#fff;  text-align:center; width:60%; margin-left:-30%}
.cent04-l h2{ font-size:55px; display:block;}
.cent04-l p{ padding:0; height:20vh; width:2px; margin:2% auto; display:block; background:#fff;}
.cent04-l a{ color:#fff; font-size:17px; text-align:center; display:block;}


.cent05{ margin-top:2%; margin-bottom:2%}
.cent05 p{ font-size:17px; color:#000;}
.cent05>span{ font-size:38px;color:#000;}
.cent05 ul{float:left;display:block;width: 38%;}
.cent05 img{float:right;display:block;width: 58%;margin-top: 4%;}
.cent05 ul li{border-top:1px solid #000;padding-bottom: 10%;padding-top: 9%;}
.cent05 ul li h2{ color:#000; font-size:26px; font-weight:normal}
.cent05 ul li span{font-size:20px;color:#000;font-weight:300;line-height:30px;display: block;margin-top: 2%;}
.cent05 ul li:nth-child(1) {
    border-top:none;
}






.inside_con{ padding:10px 0; min-height:800px;}

.cent08{ margin-top:2%}
.cent08 ul li{ float:left; display:block; width:23.5%; margin-right:2%; margin-bottom:2%}
.cent08 ul li img{ width:100%}
.cent08 ul li a{ display:block}
.cent08 ul li span{ display:block; font-size:22px; color:#000; text-align:center; height:40px;}
.cent08 ul li:nth-child(4n) {
    margin-right: 0% ;
}


@media screen and (min-width:1600px) and (max-width:1800px){
	.menu ul>li dl{    width: 100%;    margin-left: -50%;}
	.footer{ width:94%;}
	.djie strong{ font-size:86px;}
	.djie {top: 30%;}
	}
@media screen and (min-width:1300px) and (max-width:1600px){
	.menu ul>li dl{    width: 100%;    margin-left: -50%;    top: 78px;}
	.footer{ width:94%;
	}
	.djie strong{ font-size:71px;}
	.djie {top: 25%;}
	.djie ul{ margin-top:20%}
	
	
	}
@media screen and (min-width:980px) and (max-width:1300px){
	.menu ul>li dl{    width: 100%;    margin-left: -50%;}
	.footer{ width:94%;}
	/*.djie strong{ font-size:16px;}*/
	.djie {top: 22%;}
	.djie ul{ margin-top:18%}
	
	.ses03 h2{font-size:16px; }
	
	}


@media only screen and (max-width: 980px) {
	.header-bg{ display:none}
	.djie{ width:90%; margin-left:-45%; top:28%;}
	.djie strong{ font-size:26px}
	.djie ul li{ margin-right:0; width:100%; float:none; margin-bottom:9%;}
	
	.wapper{ width:90%;}
	.wapper2{ width:90%;}
	
	.center01{ padding-bottom:8%;}
	.center01>h2{ font-size:24px;}
	.center01>span{ font-size:18px;}
	.core ul li{float:none;width:100%;padding: 40% 0;margin-bottom: 10%;}
	.center02-bg{ padding:16% 0;}
	.center02 h2{ font-size:24px;}
	.center02 a{ font-size:16px;}
	.center02 h3{ font-size:18px;}
	
	.center03{ margin-top:8%; margin-bottom:8%; padding-bottom:8%;}
	.center03>h2{ font-size:30px;}
	.center03-l{ float:none; width:100%;}
	.center03-l strong{ font-size:18px;}
	.center03-l span{ font-size:16px; line-height:30px;}
	
	.cidae{ border:none;}
	.center03 ul{ float:none; display:block; width:100%;}
	.center03 ul li{ padding:0; width:100%; float:none; margin-top:8%;}
	.center03 ul li strong{font-size:18px;}
	.center03 ul li span{ font-size:16px; line-height:30px;}
	
	
	
	.center04{ margin-top:8%; margin-bottom:8%; padding-bottom:8%;}
	.center04>h2{ font-size:30px;}
	.center04-l{ float:none; width:100%; margin-top:8%;}
	.center04 ul li em{ margin-top:4%;}
	.center04-l strong{ font-size:18px;}
	.center04-l span{ font-size:16px; line-height:30px;}
	
	.center04 ul{ float:none; display:block; width:100%;}
	.center04 ul li{ padding:0; width:100%; float:none; margin-top:8%;}
	.center04 ul li i{ margin-top:4%;}
	.center04 ul li strong{font-size:18px;}
	.center04 ul li span{ font-size:16px; line-height:30px;}
	
	.center05{ padding:10% 0;}
	.center05 h2{ font-size:38px;}
	.center05 a{ font-size:20px; line-height:40px;}
	
	.footer-1{ float:none; width:100%}
	.footer-2{ float:none; width:100%; margin-left:0; margin-top:10%}
	.footer-2 ul li{ float:none; width:100%;}
	.footer-r{ float:none; width:100%;margin-top:10%}
	.footer{ padding-top:5%; padding-bottom:10%}
	.footer-r dl dd{ width:6%}
	.footer span{ display:block; margin-top:10%}
	
	.center06 ul li{ float:none; width:100%;}
	
	.center07-bg{ padding-top:50px; margin-bottom:50px; padding-bottom:50px;}
	.center07 img{ float:none; width:100%;}
	.center07r{ float:none; width:100%;}
	.center07r h2{ font-size:30px;}
	.center07r span{ font-size:20px;}
	.center07r strong{ font-size:18px; line-height:30px;}
	
		.cent07-l{ width:80%; margin-left:-40%; left:50%; top:11%}
	.cent07-l h2{ font-size:49px;}
	.cent07-l p{ height:20vh;}
	
	.center08>h2{ width:100%; font-size:24px;}
	.view{float:none; width:100%}
	.view strong{ font-size:24px;}
	.view span{font-size:18px; line-height:30px;}
	.center08 img{ float:none; width:100%}
	
	.center09 ul li{ float:none; display:block; width:100%; margin-right:0; margin-bottom:5%;}
	
	.topeji{ display:none;}
	
	.center10 h2{ font-size:30px;}
	.center10 ul li{ float:none; width:100%;}
	.center10 ul li a span{ font-size:24px; bottom:17%;}
	
	.cent06-l{  width:100%;}
	.cent06-l h2{ font-size:49px;}
	.cent06-mg{ height:100vh; display:block;}
	.cent06>img{  display:none}
	.cent06-l span{ width:100%;  font-size:22px;}

	.center11{ margin-top:6%; margin-bottom:6%;}
	.center11 img{ float:none; width:100%; display:block;}
	.center11-r{ float:none; width:100%;margin-top: 4%;}
	.center11-r strong{ font-size:26px}
	.center11-r span{font-size:18px; line-height:30px;}
	.center12 ul li{ float:none; width:100%; margin-right:0; margin-bottom:5%;}
	.shuske{    height: auto;}
	.center12{ margin-top:5%;}
	.center12 h2{ font-size:32px;}
	.center12 span{ font-size:22px; width:100%;}
	
	.center13-bg h2{ font-size:34px;}
	.cent14-bg ul li{ float:none; display:block; width:100%;}
	
	.center18 h2{ font-size:34px;}
	.center18 span{ font-size:18px;}
	.center18 a{ font-size:18px; padding:4% 4%;}
	
	.center15 ul li{ float:none; display:block; margin-right:0%; width:100%; margin-bottom:6%;}
	.center15 ul li h3{ font-size:30px;}
	.center15 ul li span{ font-size:18px; line-height:30px;}
	
	.center16>h2{font-size:30px;}
	.center16 ul li{ margin-bottom:5%;}
	.jianqao img{ width:12%;}
	.jianqiao01{ width:78%;}
	.jianqiao01 h2{ font-size:14px;}
	.jianqiao01 span{ font-size:12px;}
	
	.yiguo h3{ float:none; width:100%;}
	.yiguo01{ float:none; width:100%; display:block; text-align:center;font-size:18px;}
	.yiguo01 a{ padding:1% 7%; font-size:18px;}
	
	.center17>h2{font-size:30px;}
	.center17 ul li{ float:none; display:block; width:100%; margin-right:0; margin-bottom:5%;}
	.center17 ul li span{ font-size:18px;}
	
	.cent01 h2{ font-size:38px}
	.cent01{ padding-top:26%}
	.wapper1{ width:90%;}
	.cent02{ margin-top:10%; margin-bottom:10%}
	.cent02>span{ font-size:28px;}
	.cent02 ul{ float:none; width:100%;}
	.cent02 img{float:none; width:100%;}
	
	.cent03-bg{ background-size:cover; margin-bottom:8%}
	.cent03 h2{ font-size:38px;}
	.cent03{ padding:14% 0}
	.cent03 span{ font-size:26px}
	.cent03 strong{ font-size:22px;}
	
	.cent05{ margin-top:10%; margin-bottom:10%}
	.cent05>span{ font-size:28px;}
	.cent05 ul{ float:none; width:100%;}
	.cent05 img{float:none; width:100%;}
	
	.cent04-l{ width:80%; margin-left:-40%; left:50%;}
	.cent04-l h2{ font-size:49px;}
	.cent04-l p{ height:20vh;}
	
	
.hei01{ height:120vh}


	.HBox{ width:80%; margin-left:-40%}
	.cent08{ margin-top:5%;}
	.cent08 ul li{ width:100%; float:none;}
	}



.slideBox{ width:210px; height:250px; overflow:hidden; position:relative;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:5px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd ul li{ position:relative;}
.slideBox .bd ul span{ display:block; height:40px; line-height:40px; background:#000; background:rgba(0,0,0,0.8); position:absolute; bottom:0px; width:100%; color:#fff; padding-left:10px;}
.slideBox .bd img{ width:210px; height:250px; }

.flash{ position:relative; width:100%; height:415px; overflow:hidden; margin-top:-50px;}
.myFocus{width:1600px;
	margin:0 auto;
	position:absolute;
	left:50%;
	margin-left:-800px;
	height:415px;
	}
.flashn{ position:relative; width:100%; height:250px; overflow:hidden; margin-top:-50px;}
.myFocusn{width:1600px;
	margin:0 auto;
	position:absolute;
	left:50%;
	margin-left:-800px;
	height:250px;
	}
	
	
/* 大图特效 开始theme-default */
.theme-default #slider{margin:0 auto;width:1600px;height:415px;}
.theme-default .nivoSlider{background:url(loading.gif) no-repeat 50% 50% rgb(255, 255, 255);margin-bottom:50px;position:relative;}
.theme-default .nivoSlider img{left:0px;top:0px;display:none;position:absolute;}
.theme-default .nivoSlider a{border:0px currentColor;display:block;}
.theme-default .nivo-controlNav{left:684px;width:193px;height:38px;bottom:-12px;padding-top:0px;padding-left:50px;position:absolute;z-index:9;}
.theme-default .nivo-controlNav a{background:url(../images/bullets.png) no-repeat;border:0px currentColor;width:23px;height:17px;text-indent:-9999px;margin-right:3px;float:left;display:block;}
.theme-default .nivo-controlNav a.active{background-position:0px -17px;}
.theme-default .nivo-directionNav a{background:url(../images/arrows.png) no-repeat;border:0px currentColor;width:65px;height:65px;text-indent:-9999px;display:block;}
.theme-default a.nivo-nextNav{background-position:-65px 0px;top:181px;right:300px;}
.theme-default a.nivo-prevNav{left:300px;top:181px;}
.theme-default a.nivo-nextNav:hover{background-position:-65px -65px;top:181px;right:300px;}
.theme-default a.nivo-prevNav:hover{background-position:0px -65px;left:300px;top:181px;}
.theme-default .nivo-caption{font-family:Helvetica,Arial,sans-serif;}
.theme-default .nivo-caption a{color:rgb(255, 255, 255);border-bottom-color:rgb(255, 255, 255);border-bottom-width:1px;border-bottom-style:dotted;}
.theme-default .nivo-caption a:hover{color:rgb(255, 255, 255);}
/* nivoSlider */
.nivoSlider{position:relative;}
.nivoSlider img{left:0px;top:0px;position:absolute;}
.nivoSlider a.nivo-imageLink{margin:0px;padding:0px;border:0px currentColor;left:0px;top:0px;width:100%;height:100%;display:none;position:absolute;z-index:6;}
.nivo-slice{height:100%;display:block;position:absolute;z-index:5;}
.nivo-slice img{width: 107px; height: 100%; opacity: 1; top: 0px; display: block;}
.nivo-box{display:block;position:absolute;z-index:5;}
.nivo-caption{background:rgb(0, 0, 0);left:0px;width:30%;bottom:0px;color:rgb(255, 255, 255);display:none;position:absolute;z-index:8;opacity:0.8;}
.nivo-caption p{margin:0px;display:none;}
.nivo-caption a{display:inline !important;}
.nivo-html-caption{display:none;}
.nivo-directionNav a{top:45%;position:absolute;z-index:9;cursor:pointer;}
.nivo-prevNav{left:0px;}
.nivo-nextNav{right:0px;}
.nivo-controlNav a{position:relative;z-index:9;cursor:pointer;}
.nivo-controlNav a.active{font-weight:bold;}	
/* 大图特效 end */











/*common end*/

/*banner_01*/
.banner_01{ width:1000px;height:360px; overflow:hidden; position:relative; z-index:1; }
.banner_01 ul {height:360px;position:absolute;}
.banner_01 ul li {width:1000px; height:360px;float:left;overflow:hidden; position:relative; background:#ccc;}
.banner_01 ul li img{ width:1000px; height:360px;}
.banner_01 .btnBg { width:1000px;height:20px;position:absolute; left:0; bottom:0; background:#000;}
.banner_01 .btn {width:1000px; position:absolute; height:10px; padding:5px 10px; right:0; bottom:3px; text-align:right;}
.banner_01 .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
.banner_01 .btn span.on {background:#fff;}
.banner_01 .preNext {top:130px;width:45px; height:100px;  position:absolute; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;}
.banner_01 .pre {left:0;}
.banner_01 .next {right:0; background-position:right top;}

/*banner_02*/
.banner_02{ height:360px; overflow:hidden;}
.banner_02 #banner_02_con{ display:none;}

/*banner_03*/
.banner_03{ position:relative; z-index: 1; width:100%; height:360px; overflow:hidden;}
.banner_03 .bd { Z-INDEX: 0; position: relative; overflow:hidden; }
.banner_03 .bd ul{ margin:0px auto;}
.banner_03 .bd li { width:100%; height:360px; text-align:center;  overflow:hidden;}
.banner_03 .hd { position:relative; top:-40px; width:1100px; height:20px; margin:0px auto; text-align:center;}
.banner_03 .hd ul { position:absolute; left:50%; margin-left:-60px; bottom:0px; z-index:99; width:150px; height:22px;}
.banner_03 .hd ul li { height:22px; width:22px; margin-left:15px; text-align:center; text-indent:-9999em; float:left; background:url(../Images/BannerBg_02.png) no-repeat; cursor:pointer;}
.banner_03 .hd ul .on { background:url(../images/BannerBg_01.png) no-repeat; }
.banner_03 .prev { position:absolute;  TOP:50%; left:20px; Z-INDEX:2; width:31px; height:53px; margin-top:-30px; background:url(../Images/BannerLeft.png) no-repeat; cursor: pointer;}
.banner_03 .next { position:absolute; TOP:50%; right:20px; Z-INDEX:2; width:31px; height:53px; margin-top:-30px; background:url(../Images/BannerRgt.png) no-repeat; cursor:pointer;}

/*scroll_left start*/
#scroll_left{overflow:hidden;width:930px; margin:0px 10px; }
#scroll_left span{ display:block; height:28px; line-height:28px; text-align:center;}
#scroll_left .scroll_scale{width:164px;height:124px; background:#FFF; margin:0 5px;border:1px solid #e4e4e4;} 
#scroll_left .scroll_scale table tr td{ height:124px; width:164px; text-align:center;}
#scroll_left .scroll_scale img{max-width:160px; max-height: 120px; width: expression(this.width >160 && this.height < this.width ? 160: true); height: expression(this.height > 120 ? 120: true);}
/*scroll_left end*/

/*scroll_01*/
.scroll_01{ background:#ddd;}
.scroll_01 .hd .prev,.scroll_01 .hd .next{ display:block;  width:5px; height:9px; line-height:10px;overflow:hidden;cursor:pointer; background:url(../images/icoLeft.gif) no-repeat;} 
.scroll_01 .hd .next{ background:url(../images/icoRight.gif) no-repeat;} 
.scroll_01 .bd li{ float:left;}

/*scroll_02*/
.scroll_02{ background:#ddd;}
.scroll_02 .hd .prev,.scroll_02  .hd .next{ display:block;  width:5px; height:9px; line-height:10px;overflow:hidden;cursor:pointer; background:url(../images/icoLeft.gif) no-repeat;} 
.scroll_02 .hd .next{ background:url(../images/icoRight.gif) no-repeat;} 

/*scroll_03*/
.scroll_03{ background:#ddd;}
.scroll_03 .hd .prev,.scroll_03 .hd .next{ display:block;  width:5px; height:9px; line-height:10px;overflow:hidden;cursor:pointer; background:url(../images/icoLeft.gif) no-repeat;} 
.scroll_03 .hd .next{ background:url(../images/icoRight.gif) no-repeat;} 
.scroll_03 .bd li{ float:left; width:200px; overflow:hidden; margin:0 10px;}
.scroll_03 .bd li .img{height:150px; border:#f4f4f4 solid 1px; padding:2px; background:#fff;}
.scroll_03 .bd li .img:hover{background:#f4f4f4;}
.scroll_03 .bd li span{ height:30px; line-height:30px; text-align:center; display:block;}
.scroll_03 .bd li .img table tr td{ height:144px;}
.scroll_03 .bd li .img table tr td img{ max-width:194px; max-height:144px;}


/*slideTxtBox_01*/
.slideTxtBox_01 .hd ul li.on{ background:#ddd;cursor:pointer; } 

.contentfirst{ display:none;}
.contentin{ display:block;}
.tabin{ background:#ddd;}



/*Add------------------------------------------------------------------------------*/

.weizhi{height:40px; line-height:40px; background:url(../images/title03.png) no-repeat;font-size:14px; }
.inside{margin-top:20px; background:url(../images/title_04.gif) #fff repeat-y; min-height:400px;}

.inside_left{ width:220px; float:left;}
.inside_left .side_a dl dt{ border-bottom:3px solid #ddd; display:block; height:40px; color:#324483; font-weight:bold; line-height:40px; font-size:18px;}
.inside_left .side_a dl dd{ height:36px; line-height:36px; border-bottom:#ddd solid 1px;}
.inside_left .side_a dl dd a{ display:block; padding-left:30px; font-size:14px; background: url(../images/about-cn3_19.jpg) 15px center no-repeat;}
.inside_left .side_a dl dd a:hover{ background:#324483; color:#fff;}
.inside_left .side_a dl .hover a{ background:#324483; color:#fff;} 
.lianxi{ margin-top:15px; text-align:center; padding-bottom:20px;}

.inside_right{ width:720px; float:right; }



/*contact*/
.contact h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
.contact{ margin-top:15px; }
.contact ul{ padding:10px 10px; border:#e4e4e4 solid 1px;}
.contact ul li{ line-height:20px; padding:3px 0;}

/*proShow*/
.product_show ul li{ width:130px;line-height:20px;}
.product_show ul li{ float:left; margin:15px 20px 0; border:#e4e4e4 solid 1px; display:inline;}
.pro img{max-width:120px; max-height: 90px; width: expression(this.width >120 && this.height < this.width ? 120: true); height: expression(this.height > 90 ? 90: true);}
.hover2{ background:#f4f4f4;}

/*product_list*/
.side_product { margin-top:15px;}
.side_product h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
.side_product ul{ padding:10px 10px; border:#e4e4e4 solid 1px; }
.side_product ul li{line-height:24px;}
.side_product ul li a{ padding-left:30px; display:block; border-bottom:#e4e4e4 dashed 1px;background: url(../images/side_menu_bg.gif) 10px 8px no-repeat;}
.side_product ul li dl dd a{ display:inline; border:none; background:none;}