/* CSS Document */
header{ width:100%; }
.top1{ width:100%; height:45px; line-height:45px; background:#2F323B;}
.top12 .p1{ float:left; border-right:1px solid #44474F;padding:0 20px;}
.top12 .p2{ float:left; border-right:1px solid #44474F;padding:0 20px;}
.top12 .p3{ float:left; border-right:1px solid #44474F;padding:0 20px;}
.top12 .p4{ float:left; padding:0 20px;}
.top12 .p1 i{ background:url(../image/tb.png) no-repeat 0 0; width:20px; height:45px; margin-right:10px; }
.top12 .p3 i{ background:url(../image/tb.png) no-repeat -20px 0; width:20px; height:45px; margin-right:10px; }
.top2{ width:100%; height:75px; line-height:75px; background:#FFF;}
.top2 .logo{ width:148px; height:75px; background:url(../image/logo.png) no-repeat center;}
.top2 .logoen{ width:148px; height:75px; background:url(../image/logoen.png) no-repeat center;}
.topnav{ width:960px;}
.topnav>li{ float:left; position:relative; padding:0 20px;}
.topnav>li>a{ display:block; width:100%; }
/*.topnav>li a:hover,.topnav ul li a.hover{ color:#FE0E08;}*/
.topnav>li.menu-item-has-children>a:after{ content:'';display:inline-block; background:url(../image/tb.png) no-repeat  -66px 0; width:19px; height:11px;
transform:rotate(-90deg);
-ms-transform:rotate(-90deg); /* Internet Explorer */
-moz-transform:rotate(-90deg); /* Firefox */
-webkit-transform:rotate(-90deg); /* Safari 鍜� Chrome */
-o-transform:rotate(-90deg);}
.topnav>li.menu-item-has-children>a:hover:after{
	content:'';display:inline-block; background:url(../image/tb.png) no-repeat  -66px 0; width:19px; height:11px;
transform:rotate(0deg);
-ms-transform:rotate(0deg); /* Internet Explorer */
-moz-transform:rotate(0deg); /* Firefox */
-webkit-transform:rotate(0deg); /* Safari 鍜� Chrome */
-o-transform:rotate(0deg);}
.topnav .sub-menu{position:absolute;left:0;top:75px;overflow:hidden;background:rgba(255,255,255,0.8);*background:#FFF;padding-bottom:15px; z-index:4; display:none;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);  }
.topnav .sub-menu li{font-size:14px;height:42px;line-height:42px;overflow:hidden; padding:0 20px ; width:90px; border-top:1px dashed #CCC; margin:0 5px;}
.topnav .sub-menu li:nth-of-type(1){ border-top:none;}
.topnav .sub-menu li.on{}
<!--    ***中英切换  start***    -->
.switch-span{position: relative;cursor: pointer;}
.en{position: absolute;top: 45px;width: 120px;background-color: #f6f6f6;padding-left: 20px;box-sizing: border-box;left: -1px;display: none; z-index:20}
.switch-span img{float: left;margin-top: 14px;margin-right: 13px;}
.switch-span a{float: left;}

.ert{width:830px;margin:0 auto;}
.ert .p1{background:#FFF; height:30px; line-height:30px; width:370px; margin:0 auto; position:relative; margin-top:-15px;}
.ert .p2{background:url(../image/tb.png) no-repeat  0 -45px; width:19px; height:20px; margin:0 auto;}
.ert .p3{background:#FFF; height:30px; line-height:30px; width:300px; margin:0 auto; position:relative; margin-top:-15px;}
.ert .p4{background:url(../image/tb.png) no-repeat  -23px -45px; width:16px; height:16px; margin:0 auto;}

.pai ul li{ width:230px; height:260px; float:left; padding:0 35px;}

.map{ width:1200px; height:460px; background:url(../image/map.png) no-repeat top;}
.map1{ width:1200px; height:460px; background:url(../image/map1.png) no-repeat top;}
.map .p1{ font-weight:bold; color:#1F1F1F; padding-top:65px;}
.map .p1 span{ padding:0 30px;}
.map .p2{ line-height:2; color:#535353;padding-top:35px;}
.more{ width:245px; height:48px;line-height:48px; margin:0 auto; border:1px solid #EEE; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -o-border-radius: 24px; -khtml-border-radius: 24px;  color:#333; }
.more:hover{ border-color:#FE0E08; background:#FE0E08; color:#FFF;}
.moredl{width:144px; height:54px; line-height:54px; background:url(../image/pingtai4.png) 0 0 no-repeat; color:#FFF; padding-left:60px;}
.moredl:hover{ background-position:0 -54px;color:#FFF}

.pingtai{ width:1920px; height:755px; background:url(../image/index_r5_c1.jpg) no-repeat;}
.ptl{ margin-left:-80px;}
.ptr{ width:555px;}
.ptr ul li{ width:160px; height:57px; float:left; text-align:center; margin-right:25px; padding-top:65px;}
.ptr ul li a{ display:block; width:100%; height:100%;}
.ptr ul li:nth-of-type(1){ background:url(../image/tb1.png) no-repeat;}
.ptr ul li:nth-of-type(2){ background:url(../image/tb2.png) no-repeat;}
.ptr ul li:nth-of-type(3){ background:url(../image/tb3.png) no-repeat;}

.pai2 ul li{ width:239px; height:205px; float:left; text-align:center; margin:40px 0; border-left:1px solid #DDD;}
.pai2 ul li:nth-of-type(1){ border-left:none;}
.pai2 ul li i{ display:block;background:url(../image/tb.png) no-repeat  -133px 0 ; width:38px; height:39px; margin:45px auto 0;}

.news ul{ width:1300px; overflow:hidden;}
.news ul li{ width:370px; height:100px; float:left; margin-right:30px;border-bottom: 1px solid #c1c1c1}
.news ul li .p1{ width:70px; height:70px;background:rgba(34,34,34,0.75);*background:#222; left:10px;top:10px; color:#FFF; text-align:center;}
.news ul li .p1 i{ display:block;}

.film ul{ width:1300px; overflow:hidden;}
.film ul li{ width:585px; height:430px; float:left; margin-right:30px;}
.action{ background:url(../image/actionn.png) no-repeat;z-index:10;width:88px; height:88px; position:absolute; top:50%; left:50%; margin-left:-44px; margin-top:-44px; display:none }
.film ul li a:hover .viiimg{background:#000; }
.film ul li a:hover .viiimg img{-o-opacity:0.7;opacity:0.7;-moz-opacity:0.7;-ms-opacity:0.7;-webkit-opacity:0.7;filter:alpha(opacity=70);}
.film ul li a:hover .action{ display:block;}

.footer{ width:1920px; height:464px; background:url(../image/index_r9_c1.jpg) no-repeat;}
.footer .p1{ font-weight:lighter;}
.footer .p2{ width:480px; background:url(../image/tb.png) -173px 0 no-repeat;}
.footer .p2 p{ padding-left:40px; padding-bottom:11px;}

.botnav>ul>li{ width:25%;float:left;}
.botnav>ul>li>a{display:inline-block;padding:0 0 10px;line-height:35px;margin-bottom:20px;font-size: 22px;color:#fff;border-bottom:3px solid #fff}

.botnav ul li .sub-menu li a:before{ content:'';display:inline-block; background:url(../image/tb.png) no-repeat  -67px -11px; width:19px; height:11px;
transform:rotate(-90deg);
-ms-transform:rotate(-90deg); /* Internet Explorer */
-moz-transform:rotate(-90deg); /* Firefox */
-webkit-transform:rotate(-90deg); /* Safari 鍜� Chrome */
-o-transform:rotate(-90deg);}
.bottom{ width:100%; height:70px; line-height:70px; background:#c21a0b;}

.botnav ul li .sub-menu{position:relative;top:0;left:0;    display: block;}
.botnav ul li .sub-menu li{display: block;height: 35px;line-height: 35px;font-size:14px}
.botnav ul li .sub-menu li a{color: #BABABA;}
.botnav>ul>li>a:visited{color:#fff}


.fukuang{ width:175px; height:565px; background:url(../image/fukuang.png) no-repeat top; position:fixed; right:50px; top:50px; z-index:1000; overflow:hidden;}
.fukuang .p1{ padding-top:80px;}
.fukuang .p2{ padding-left:50px; height:50px; line-height:50px;}
.fukuang .p3{ font-weight:lighter; padding:12px 0 0 50px;}

.body2{ width:500px; height:400px; background:#F1F1F1; padding:50px; overflow:hidden;}
.body3{ background:#FFF;padding:50px; overflow:hidden;}
.type_List{text-align:center}
.type_List a{ display:inline-block;margin:0 30px; color:#333; }
.type_List a.hover,.type_List a:hover{ color:#FE0E08; border-bottom:2px solid #FE0E08;}

/*子页面banner*/
.banner_boxs { position: relative; width: 100%; height: 280px; }
.banner_boxs img { width: 100%; height:280px; vertical-align: top; }
.banner_boxs .focus-text { bottom: 90px; position: absolute; z-index: 2; left: 0; width: 100%; text-align: center; }


/*广告滚动*/
/* sobox */
.soboxp1{ width:326px; height:60px; line-height:60px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; -khtml-border-radius: 30px;background:rgb(230 169 112);*background:#1B7CFE; position:absolute; left:170px; bottom:150px; z-index:1000; color:#FFF;}
.soboxp1:hover{background:rgba(27,124,254,1.0);*background:#1B7CFE;}
.soboxp1 i{display:inline-block;background:url(../image/tb.png) no-repeat  -86px 0 ; width:45px; height:10px; margin-left:10px;}
.soboxp2{ width:326px; height:60px; line-height:60px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; -khtml-border-radius: 30px;background:rgba(238,19,24,0.9);*background:#EE1318; position:absolute; right:170px; bottom:150px; z-index:1000; color:#FFF;}
.soboxp2:hover{background:rgba(238,19,24,1.0);*background:#EE1318;}
.soboxp2 i{display:inline-block;background:url(../image/tb.png) no-repeat  -86px 0 ; width:45px; height:10px; margin-left:10px;}
.sobox{width:4000px;position:relative;margin-left:-1500px;text-align:center;}
.sobox .a_bigImg{position:absolute;top:0px;left:0px;display: block; width:100%; text-align:center;}
.soul_tah { z-index:10; width:300px; text-align:center; margin:0 auto;}
.soul_tah li{padding:0 5px; display:inline-block;}
.soul_tah li i{ display:block; border:3px solid #FFF;width:12px;height:12px; overflow:hidden; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; -khtml-border-radius: 12px; cursor:pointer;box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.2);}
.soul_tah li.on i{filter:alpha(opacity=100);opacity:1; background:#FE0E08;}

/* 子页面分页效果*/
.mpage { display:block;padding:30px 0 60px;margin:0 auto; text-align:center;}
.mpage li{ display:inline; padding:5px;}
.mpage .count,.mpage .pend,.mpage .phome{ display:none;}
.mpage .pnext a,.mpage .ppre a,.mpage .ppage a{ display:inline-block;*display:inline;zoom:1; line-height:42px; width:42px; text-align:center;border-radius:21px; -webkit-border-radius:21px; -moz-border-radius:21px; -o-border-radius: 21px; -khtml-border-radius: 21px; font-size:16px; background:#333;color:#FFF;}
.mpage .pnext a,.mpage .ppre a{width:auto; padding:0 20px;background:#333;color:#FFF;}
.mpage  a:hover,.mpage  a.hover{ background:#FE0E08;color:#FFF;}

/********   实时汇价表格样式     ******/
#exc_box {overflow:hidden; width:100%;}
#exchange {width:800%;}
#exchange,#exc_cont,#exc_conts{float: left;} 
.exc_table {border:0;height:90px; color:#fff; float:left; text-align:center; font-size:16px}
.exc_table td {height:45px; line-height:45px; width:90px;}
.exc_table tr.lanse *{background:#44474E; font-size:16px;color:#fff;}
.exc_table tr.zhonglan *{background:#2F323A; font-size:16px;color:#fff;}
.exc_table tr.huise{background:#EAEAEB;font-size:14px;color:#333;}
.exc_table tr.huise td{font-size:14px;}

.exc_table tr.qinghui  {background:#F5F5F5;font-size:14px;color:#333;}
.i_up,.i_down {display:inline-block;width:14px; height:16px; background:url(../image/icon.png); background-repeat:no-repeat;margin-right:5px; margin-top:15px;}
.i_up {background-position: -14px 0;}
.i_down {background-position:0 0;}
/*提交*/
.ym-form .zi{ width:120px; text-align:right; height:50px; line-height:50px; margin-right:30px;}
.ym-form input{ width:440px; height:46px; line-height:46px; background:#FFF; border:1px solid #CCC; padding-left:10px; font-size:16px; color:#666; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -khtml-border-radius: 8px; margin-bottom:20px; }
.ym-form select{ width:135px; height:46px; line-height:46px; background:#FFF; border:1px solid #CCC; text-align:center;font-size:16px; color:#666; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -khtml-border-radius: 8px; margin-bottom:20px; }
.ym-form .input_btn{ width:300px; padding-left:0; text-align:center; cursor:pointer; background:#e6a970; border-color:#e6a970; color:#FFF; font-size:24px; margin:0 auto;}
.ym-form .input_btn:hover{ background:#FE0E08; border-color:#FE0E08;}
.ym-form .input_data{ width:175px; padding-left:0; text-align:center;margin-left:8px;}

.company .wrapper{margin: auto; max-width: 1200px;}
.company .companyTab{max-width: 664px;margin: 0 auto;display: flex;justify-content: space-around;align-items: center;padding: 80px 0 80px 0;}
.company .companyTitle{color: #666666;font-size: 36px;line-height: 36px;cursor: pointer;position: relative;font-weight: bold;}
.company .companyTitle:hover{color: #333333;}
.companyTabActived{color: #333333 !important;font-size: 36px;line-height: 36px;}
.companyTabActived:after{content:''; display:block; width:80px; border-bottom:3px solid #333333; margin: 0 auto;border-radius: 4px;position: absolute;left: 0;right: 0;bottom: -20px;margin: 0 auto;}
.companyContent{position: relative;padding-bottom: 20px;}
.companyContent ul {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;} 
.companyContent ul li{margin:0 auto 24px; width: 285px;height: 296px;border-radius: 10px;border: 1px solid #E4E4E4;}
.companyContent ul li a >div{height: 180px; overflow: hidden; border-radius: 10px 10px 0 0; display: flex; justify-content: center; align-items:center; background-color:#f6f6f6;}
.companyContent ul li img{transition:all .4s; height: 100%; width:100%; object-fit: cover;}
.companyContent ul li a:hover img{
	-ms-transform:scale(1.2,1.2);
	-webkit-transform: scale(1.2,1.2);
	transform: scale(1.2,1.2);}
.companyContent ul li a p:nth-of-type(1){color: #333333;font-size: 18px;line-height: 28px;height: 58px;margin: 14px 20px 10px 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;word-break: break-all;-webkit-box-orient: vertical;transition:all .4s;}
.companyContent ul li a:hover p:nth-of-type(1){color: #da950c;}
.companyContent ul li a p:nth-of-type(2){color: #999999;font-size: 14px;line-height: 14px;padding: 0 0 20px 20px;}
.companyContent ul li a{width: 100%;height: 100%;}

.devjt{width: 1320px;display: flex;justify-content: space-between;position: absolute;left: -60px;right: 0;top:130px;margin: 0 auto;}
.devjt img{cursor: pointer;}

.tzbkmore{text-align: center;margin-top: 50px;}
.tzbkmore a{color: #000000;font-size: 18px;line-height: 18px;display: flex;justify-content: center;align-items: center;}
.tzbkmore img{margin-top: 2px;margin-left: 6px;}
@media screen and (min-width:1200px) {
	.companyContent ul li{margin-bottom: 0;}
}
@media screen and (max-width:863px) {
	.company .companyTitle{font-size: 24px;line-height: 24px;}
	.companyTabActived{font-size: 24px;line-height: 24px;}
	.introduce .title{padding: 6vw 0 !important;}
	.introduce .title h2{margin-bottom: 2vw;}
	.introduce .title p{width: 96% ; font: 400 2vw/1.5 var(--PFR) !important; }
	.introduce ul li img{margin-right: 2vw; width: 6vw !important; height: 6vw;}
	.introduce ul li .left p:nth-of-type(1){font-size: 1.8vw;}
	.introduce ul li .left p:nth-of-type(2){font-size: 2vw;}
	.introduce .companyMore{padding: 2vw 0;}
	.introduce .company-video{max-width:640px; height: initial;padding-bottom: 204px;}
	.introduce .company-video-icon{width: 100%;}
}
@media screen and (max-width:580px) {
	.i_down_mt4{margin-bottom:30px;}
	.company .companyTab{padding: 0 0 40px 0;}
	.companyContent{width:100%; overflow:auto; margin:auto; padding-bottom:0;}
	.companyContent ul {width:182vw; justify-content:space-around;} 
	.companyContent ul li{ margin:0; width:40vw; height:auto;}
	.companyContent ul li a >div{height: 90px;}
	.companyContent ul li a p:nth-of-type(1){margin: 10px 16px 10px 16px; height:64px;-webkit-line-clamp: 3; font-size: 16px; line-height: 22px;text-align: justify;}
	.introduce .title h2{margin-bottom: 2vw;}
	.introduce .title p{font: 400 2.6vw/1.5 var(--PFR) !important;}
}