.nav_model{width: 100%;height: 280px;margin-top: 97px;background: url(../images/slider/layer/link/linkbg.jpg) no-repeat;background-size: 100% 100%;}
.nav_content{height: 280px;position: relative;}
.main-width{width: 1280px;margin: 0 auto;}
.left_title{position: absolute;top: 93px;color: #fff;}
.chinese_title{font-size:36px;font-family:PingFangSCRegular;}
.english_title{font-size:16px;font-family:ArialMT;margin-left: 20px;}
.right_nav{position: absolute;right: 0;top: 110px;font-size: 16px;font-family:PingFangSC-Regular,PingFang SC;font-weight: 400px;color: #fff;}
.right_nav span{margin-left: 5px;}
.link_list{width: 100%;height: auto;}
.link_content{width: 1280px;margin: 0 auto;padding: 50px 0;}
.unit{width: 100%;height: 150px; padding: 20px;position: relative;border-bottom: 1px solid #eaeaea;margin-top:30px;}
.left_icon1{width: 250px;height: 110px;position: absolute;left: 0;top: 0;padding: 30px 0}
.left_icon1 i,.left_icon2 i,.left_icon3 i,.left_icon4 i,.left_icon5 i{ font-size: 50px;color: #268aee;margin-left: 100px;}
.link_unit{width: 250px;font-size: 18px;color: #000;text-align: center;}
.right_link{float: right;width: 1030px ;height: 150px;right: 0;top: 0;margin-top:-15px;}
.right_link ul li{float: left;width: 200px;height: 44px;margin: 5px;color: #000; border: 1px solid #eaeaea;font-size: 16px;text-align: center;line-height: 44px;}
.company{width: 100%;height: 200px; padding: 20px;position: relative;border-bottom: 1px solid #eaeaea;margin-top: 50px;}
.left_icon2{width: 250px;height: 95px;position: absolute;left: 0;top: 0;margin-top: 65px;}
.kouan{width: 100%;height: 90px; padding: 20px;position: relative;border-bottom: 1px solid #eaeaea;}
.left_icon3{width: 250px;height: 50px;position: absolute;left: 0;top: 0;}
.gk_company{width: 100%;height: 270px; padding: 20px;position: relative;border-bottom: 1px solid #eaeaea;margin-top: 30px;}
.left_icon4{width: 250px;height: 95px;position: absolute;left: 0;top: 0;margin-top: 75px;}
.left_icon5{width: 250px;height: 95px;position: absolute;left: 0;top: 0;margin-top: 10px;}
.business{width: 100%;height: 145px;padding: 20px;position: relative;border-bottom: 1px solid #eaeaea;margin-top: 50px;}
.right_link ul li:hover{border: 1px dashed #268aee;}
.right_link ul li:hover a{color: #268aee;}
.company-list,.unit-list{width:100%;display:none;margin-top: 25px;}
.link-tab,.unit-tab {width:100%;overflow:hidden;border-bottom: 1px dashed #eaeaea;color: #222;}
.link-tab div {position: relative; float:left;width: 150px;height: 34px;cursor: pointer;text-align: center;line-height: 34px;font-size: 16px;}
.unit-tab div {position: relative; float:left;width: 150px;height: 34px;cursor: pointer;text-align: center;line-height: 34px;font-size: 16px;}
.link-on {display:block;}
.link-tab .cur {color:#f68228;}
.link-tab .cur i{opacity: 1; -webkit-transform: scale(1);-moz-transform: scale(1); -ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.unit-tab .cur {color:#f68228;}
.unit-tab .cur i{opacity: 1; -webkit-transform: scale(1);-moz-transform: scale(1); -ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.link-tab i{width: 100%;height: 2px;background: #f68228;display: inline-block;position: absolute;bottom:0px;left: 0;opacity: 0;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);}
.link-tab div:hover i{opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);transition: all 500ms ease;-moz-transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;}
.unit-tab i{width: 100%;height: 2px;background: #f68228;display: inline-block;position: absolute;bottom:0px;left: 0;opacity: 0;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);}
.unit-tab div:hover i{opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);transition: all 500ms ease;-moz-transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;}
@media screen and (max-width: 768px) {
.nav_model {
width: 100%;
height: 280px;
margin-top: 97px;
background: url(../images/slider/layer/link/linkbg.jpg) no-repeat;
background-size: 100% 100%;
}
.nav_content {
height: 280px;
position: relative;
}
.main-width {
width:100%;
margin: 0 auto;
}
.left_title {
position: absolute;
top: 93px;
color: #fff;
}
.chinese_title {
font-size: 36px;
font-family: PingFangSCRegular;
}
.english_title {
font-size: 16px;
font-family: ArialMT;
margin-left: 20px;
}
.right_nav {
position: absolute;
right: 0;
top: 110px;
font-size: 16px;
font-family: PingFangSC-Regular,PingFang SC;
font-weight: 400px;
color: #fff;
}
.right_nav span {
margin-left: 5px;
}
.link_list {
width: 90%;
height: auto;
}
.link_content {
width: 100%;
margin: 0 auto;
padding: 50px 0;
}
.unit {
width: 100%;
height: 370px;
padding: 20px;
position: relative;
border-bottom: 1px solid #eaeaea;
margin-top: 30px;
}
.left_icon1,.left_icon2,.left_icon3,.left_icon4,.left_icon5 {
width:  100%;
height: auto;
position: revert;
left: 0;
top: 0;
padding: 30px 0;
text-align: center;
}
.left_icon1 i,.left_icon2 i,.left_icon3 i,.left_icon4 i,.left_icon5 i {
font-size: 50px;
color: #268aee;
margin-left: 0px;
}
.link_unit {
width:  100%;
font-size: 18px;
color: #000;
text-align: center;
}
.right_link {
/* float: right; */
width:  100%;
height: 360px;
/* position: absolute; */
/* right: 0; */
top: 0;
margin-top: 10px;
}
.right_link ul li {
float: left;
width: 45%;
height: 44px;
margin: 5px;
color: #000;
border: 1px solid #eaeaea;
font-size: 16px;
text-align: center;
line-height: 44px;
}
.company {
width: 100%;
height: 160px;
padding: 20px;
/* position: relative; */
border-bottom: 1px solid #eaeaea;
margin-top: 400px;
}
.kouan {
width:  100%;
/* height: 390px; */
padding: 20px;
/* position: relative; */
border-bottom: 1px solid #eaeaea;
}
.gk_company {
width: 100%;
height: 410px;
/* padding: 20px; */
/* position: absolute; */
border-bottom: 1px solid #eaeaea;
margin-top: 30px;
}
.business {
width: 100%;
height: 405px;
padding: 20px;
/* position: relative; */
border-bottom: 1px solid #eaeaea;
margin-top: 30px;
}
.right_link ul li:hover {
border: 1px dashed #268aee;
}
.right_link ul li:hover a {
color: #268aee;
}
.company-list,.unit-list {
width: 100%;
display: none;
margin-top: 25px;
}
.link-tab,.unit-tab {
width: 100%;
overflow: hidden;
border-bottom: 1px dashed #eaeaea;
color: #222;
}
.link-tab div {
position: relative;
float: left;
width: 20%;
height: 34px;
cursor: pointer;
text-align: center;
line-height: 34px;
font-size: 16px;
}
.unit-tab div {
position: relative;
float: left;
width: 150px;
height: 34px;
cursor: pointer;
text-align: center;
line-height: 34px;
font-size: 16px;
}
.link-on {
display: block;
}
.link-tab .cur {
color: #f68228;
}
.link-tab .cur i {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.unit-tab .cur {
color: #f68228;
}
.unit-tab .cur i {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.link-tab i {
width: 100%;
height: 2px;
background: #f68228;
display: inline-block;
position: absolute;
bottom: 0px;
left: 0;
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.link-tab div:hover i {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.unit-tab i {
width: 100%;
height: 2px;
background: #f68228;
display: inline-block;
position: absolute;
bottom: 0px;
left: 0;
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.unit-tab div:hover i {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
}