/*****vieye*****/
@charset "utf-8";
@font-face{
font-family: Humnst777;
src:url('../fonts/Humnst777 Blk BT Black.ttf');
}
@font-face{
font-family: News701;
src:url('../fonts/News 701 BT.ttf');
}
@font-face{
font-family: Khand-r;
src:url('../fonts/Khand/Khand-Regular.ttf');
}
@font-face{
font-family: Khand-b;
src:url('../fonts/Khand/Khand-Bold.ttf');
}
@font-face{
font-family: FiraSansCondensed-r;
src:url('../fonts/Fira_Sans_Condensed/FiraSansCondensed-Regular.ttf');
}
@font-face{
font-family: raleway;
src:url('../fonts/raleway/Raleway-Regular.ttf');
}
@font-face{
font-family: raleway-b;
src:url('../fonts/raleway/Raleway-Bold.ttf');
}
@font-face{
font-family: Haettenschweiler;
src:url('../fonts/raleway/Haettenschweiler.TTF');
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0
}
input,textarea{
outline: 0;
}
/* --------------------------------
Primary style
-------------------------------- */
*, *::after, *::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
-webkit-font-smoothing: antialiased;
height: 100%;
font-size: 10px;
}
body {
font-size: 10px;
font-family:"raleway",arial;
overflow-x: hidden;
}
a {
color: inherit;
text-decoration: none;
}
strong{
font-weight: bold;
}
img {
max-width: 100%;
}
.clearfix{
clear:both;
}
.clearfix::before,.clearfix::after{
content: '';
display: block;
clear:both;
}
.fl{
float:left;
}
.fr{
float:right;
}
div.nomargin,li.nomargin,a.nomargin{
margin-right:0px !important;
margin-right:0px;
}
div.nomargin-l,li.nomargin-l,a.nomargin-l{
margin-left:0px !important;
margin-left:0px;
}
.mc{
max-width: 1630px;
min-width: 1200px;
margin-left: auto;
margin-right: auto;
background: #fff;
padding:15px;
overflow: hidden;
}
.ab_active{
color:#fff;
background:url(../img/content/ab_title_bg.png) no-repeat center center;
}
.space_tb1-5{
padding-top:15px;
padding-bottom:15px;
}
.space_tb1{
padding-top:10px;
padding-bottom:10px;
}
.space_tb2{
padding-top:20px;
padding-bottom:20px;
}
.space_tb3{
padding-top:30px;
padding-bottom:30px;
}
.space_tb4{
padding-top:40px;
padding-bottom:40px;
}
.space_tb5{
padding-top:50px;
padding-bottom:50px;
}
.ta_c{
text-align:center;
}
.ta_l{
text-align:left;
}
.ta_r{
text-align:right;
}
.btn{
cursor:pointer;
}
.ov_hd{
overflow:hidden;
}
.m_color_red{
color: #f00;
}
.m_color{
color:#d70c19;
}
.mh_color a:hover,a.mh_color:hover{
color:#d70c19;
}
.m_bg{
background:#d70c19;
}
.m_bc{
background:#d70c19;
color:#fff;
}
.bd_c{
border:1px solid #ccc;
overflow:hidden;
}
.bd_c_l{
border-left: 1px solid #ccc !important;
}
.no_bd_b{
border-bottom:0 !important;
}
.no_bd_r{
border-right:0 !important;
}
.no_bd_l{
border-left:0 !important;
}
.no_bd_t{
border-top:0 !important;
}
.para_p{
line-height: 2;
}
.hide{
display: none;
}
.container1{
padding-left:40px;
padding-right:40px;
}
.container2{
padding-left:6%;
padding-right:6%;
}
.change1{
transition: all 0.5s;
}
.yahei-light{
font-family: light;
}
.trans-5{
transition: all 0.5s;
}
.scale-min{
transition: all 0.5s;
}
.scale-min:hover{
transform: scale(1.1,1.1);
transition: all 0.5s;
}
.en{
font-family: arial;
}
.unl{
text-decoration: underline;
}
.trs-up{
text-transform: uppercase;
}
.wh-per-45{
width: 45%;
float: left;
}
.wh-per-55{
width: 55%;
float: left;
}
.pro-detail-xq{
line-height: 2;
}
.pro-detail-xq .text{
clear:both;
}
.pro-detail-xq .text:after{
content: '';
overflow: hidden;
display: block;
clear:both;
}
.pro-detail-xq strong,.pro-detail-xq b{
font-weight: bold;
}
.pro-detail-xq h3{
margin-top: 30px;
margin-bottom: 10px;
font-size: 1.6rem;
width: 16.6666%;
float: left;
border-bottom: 4px solid #333333;
text-align: center;
font-size: 3.0rem;
position: relative;
}
.pro-detail-xq h3:after{
content: '';
display: block;
position: absolute;
left: 0;
width: 30%;
height: 4px;
background:#4494b8;
bottom:-4px;
}
.pro-detail-xq h4 {
padding: 20px 0 5px;
font-size: 20px;
font-weight: 700;
color: #1268b3;
}
.pro-detail-xq article{
margin-bottom: 10px;
width:82%;
float: right;
padding:30px 0;
}
.pro-detail-xq article:before{
content: '';
display: block;
height: 64px;
border-bottom: 1px solid #ccc;
margin-bottom: 30px;
}
.pro-detail-xq img{
margin-top: 10px;
margin-bottom: 10px;
}
.pro-detail-xq .slide_table{
overflow: auto;
}
.pro-detail-xq table,.in-solve-detail table{
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin-top: 15px;
margin-bottom: 1px;
}
.pro-detail-xq table td,.in-solve-detail table td{
padding:10px;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
text-align: center;
vertical-align: middle;
}
.i_banner .owl-dots{
position: absolute;
bottom:20px;
width: 100%;
text-align: center;
}
.i_banner .owl-dot{
width: 12px;
height: 12px;
border-radius: 50px;
background: #000;
display: inline-block;
margin:0 5px;
background: #666;
}
.i_banner .owl-dot.active{
background: #ccc;
}
.i_banner .owl-prev{
position: absolute;
width: 48px;
height: 48px;
background: url(../img/Arrow_Prev_Slick.svg) no-repeat;
left: 15px;
top: 50%;
margin-top: -16px;
opacity: 0.7;
z-index: 20;
}
.i_banner .owl-prev:hover{
opacity: 1;
}
.i_banner .owl-next{
position: absolute;
width: 48px;
height: 48px;
background: url(../img/Arrow_Next_Slick.svg) no-repeat;
right: 15px;
top: 50%;
margin-top: -16px;
opacity: 0.7;
z-index: 20;
}
.i_banner .owl-next:hover{
opacity: 1;
}
.slide-tosm .owl-dots{
position: absolute;
bottom:-20px;
width: 100%;
text-align: center;
}
.slide-tosm .owl-dot{
width: 8px;
height: 8px;
border-radius: 6px;
background: #000;
display: inline-block;
margin:0 5px;
background: #000;
}
.slide-tosm .owl-dot.active{
background: #1268b3;
}
.owl-carousel .owl-item img{
width: auto !important;
display:inline-block !important;
}
.trans-ss{
}
.trans-move-l{
transform: translateX(-50%);
opacity: 0;
visibility: hidden;
}
.trans-move-r{
transform: translateX(50%);
opacity: 0;
visibility: hidden;
}
.trans-move-t{
transform: translateY(-50%);
opacity: 0;
visibility: hidden;
}
.trans-move-b{
transform: translateY(50%);
opacity: 0;
visibility: hidden;
}
.trans-scale-0{
transform: scale(0,0);
opacity: 0;
visibility: hidden;
}
.nav li a,.i_banner .bg,
.drop-menu a,
.search-form,
.search-form .sf-desc,
.i_solve .pic2 h3,
.wdmap .tipbox,
.prolist li,
.i_about .more:after,
.first-pro .more:after,
.in-prolist h2,
.celllist li img,
.celllist li h3,
.celllist .cover,
.in-se-1 h3,
.in-se-1 h3 i,
.in-se-1 .links,
.in-se-1 .links a,
.in-se-1 .desc,
.in-solist1 li .pic img,
.bn0 .cover:before,
.bn0 .cover:after,
.bn0 .more:before,
.bn0 .more:after,
.selectlang .close:before,
.selectlang .close:after,
.in-pd-t .btns a:after,
.in-nelist .pic img
{
transition: all 0.3s;
}
.nav li a:hover,
.drop-menu a:hover,
.i_solve .box-r li:hover h3,
.wdmap .map-icon:hover .tipbox,
.prolist li:hover,
.i_about .more:hover:after,
.first-pro .more:hover:after,
.in-prolist h2:hover,
.celllist li:hover img,
.celllist li:hover h3,
.celllist li:hover .cover,
.in-se-1 li:hover h3,
.in-se-1 li:hover h3 i,
.in-se-1 li:hover .links,
.in-se-1 .links a:hover,
.in-solist1 li:hover .pic img,
.bn0 .cover:hover:before,
.bn0 .cover:hover:after,
.bn0 .more:hover:before,
.bn0 .more:hover:after,
.in-se-1 li:hover .desc,
.selectlang .close:hover:before,
.selectlang .close:hover:after,
.in-pd-t .btns a:hover:after,
.in-nelist li:hover img
{
transition: all 0.3s;
}
.selectlang dl dd a{
transition: all 0.5s;
}
.selectlang dl dd a:hover{
transition: all 0.5s;
}
@media screen and (min-width:769px){
.col-sm-12{
width: 100%;
float: left;
}
.col-sm-11{
width: 91.666666%;
float: left;
}
.col-sm-10{
width: 83.333333%;
float:left;
}
.col-sm-9{
width: 75%;
float:left;
}
.col-sm-85{
width: 80%;
float:left;
}
.col-sm-8{
width:66.666666%;
float:left;
}
.col-sm-7{
width:58.33333%;
float:left;
}
.col-sm-6{
width:50%;
float:left;
}
.col-sm-5{
width: 41.66666%;
float:left;
}
.col-sm-4{
width:33.33333%;
float:left;
}
.col-sm-35{
width: 20%;
float:left;
}
.col-sm-3{
width: 25%;
float: left;
}
.col-sm-2{
width:16.66666%;
float: left;
}
.col-sm-1{
width:8.333333%;
float: left;
}
.show-sm{
display: none;
}
.pro-infolist .list-item {
display: none;
}
.pro-infolist .show {
display: inline;
}
}
@media screen and (min-width:993px){
.hide-md-min{
display:none;
}
.col-md-35{
width: 20%;
float: left;
}
.col-md-3{
width:25%;
float:left;
}
.col-md-2{
width:16.66666%;
float:left;
}
.col-md-8{
width:66.66666%;
float:left;
}
.col-md-6{
width: 50%;
float:left;
}
.col-md-4{
width:33.33333%;
float:left;
}
.col-md-5{
width: 41.66666%;
float:left;
}
.col-md-7{
width: 58.33333%;
float:left;
}
.show-md{
display: none;
}
}
@media screen and (min-width:1201px){
.col-lg-6{
width: 50%;
float: left;
}
.col-lg-3{
width: 25%;
float: left;
}
.col-lg-2{
width: 16.66666%;
float: left;
}
}
@media screen and (max-width:1400px){
.i_solve .box-l h3{
font-size: 3.6rem;
}
.nav li {
margin-right: 25px;
}
}
@media screen and (max-width:1326px){
.nav li a,.search-btn,.logo p,.main-info{
font-size: 1.6rem;
}
.logo img{
width: 190px;
}
.main-info i{
font-size: 1.8rem;
}
.nav li{
margin-right: 14px;
}
}
@media screen and (max-width:1280px){
.i_banner .bn1{
background: url(../img/banner1-small.jpg) no-repeat center center !important;
height:350px;
}
.i_banner .bn2{
background: url(../img/banner2-small.jpg) no-repeat center center !important;
height: 350px;
}
.i_banner .bn3{
background: url(../img/banner3-small.jpg) no-repeat center center !important;
height: 350px;
}
}
@media screen and (max-width:1200px){
.nav li a {
font-size: 1.5rem;
}
.hide-lg{
display: none !important;
}
.fz-tolg-36{
font-size: 3.6rem !important;
font-size: 3.6rem;
}
.fz-tolg-30{
font-size: 3.0rem !important;
font-size: 3.0rem;
}
.fz-tolg-24{
font-size: 2.4rem !important;
font-size: 2.4rem;
}
.fz-tolg-18{
font-size: 1.8rem !important;
font-size: 1.8rem;
}
.fz-tolg-14{
font-size: 1.4rem !important;
font-size: 1.4rem;
}
.container1,.container2{
padding-left: 15px;
padding-right: 15px;
}
.i_solve .box-l h3{
font-size: 2.4rem;
}
.i_about .box1{
padding-left: 0;
padding-right: 0;
}
.i_about .adv li{
margin-bottom:20px;
}
}
@media screen and (max-width:992px){
.show-md{
display:block !important;
}
.hide-md{
display:none !important;
}
.fz-tomd-50{
font-size:5rem !important;
font-size:5rem
}
.fz-tomd-36{
font-size:3.6rem !important;
font-size:3.6rem
}
.fz-tomd-30{
font-size:3rem !important;
font-size:3rem
}
.fz-tomd-24{
font-size:24px !important;
font-size:24px
}
.fz-tomd-18{
font-size:18px !important;
font-size:18px;
}
.fz-tomd-16{
font-size:16px !important;
font-size:16px;
}
.fz-tomd-14{
font-size:14px !important;
font-size:14px;
}
.fc-tomd-6{
color: #666 !important;
}
.search-btn{
float: left;
}
.left_nav{
width: 220px !important;
}
.fo-c-3 .ips{
width: 70px;
}
.fo-nav a{
padding-left: 15px;
padding-right: 15px;
}
.xt-list li{
width: 50%;
}
.i_about .desc,.i_about .wdmap{
width: 100%;
position: relative;
}
.i_about .abcontent{
height: auto;
}
.int-t1{
font-size: 6rem;
}
.int-t2{
font-size: 3.6rem;
}
.int-t2{
font-size: 2rem;
}
.int-t2{
font-size: 3.6rem;
}
}
@media screen and (max-width:768px){
.col-xs-35{
width: 20%;
float: left;
}
.col-xs-3{
width:25%;
float:left;
}
.col-xs-2{
width:16.66666%;
float:left;
}
.col-xs-6{
width: 50%;
float:left;
}
.col-xs-4{
width:33.33333%;
float:left;
}
.col-xs-2{
width:16.66666%;
float:left;
}
.col-xs-7{
width: 58.33333%;
float:left;
}
.col-xs-8{
width: 66.66666%;
float:left;
}
.col-xs-12{
width:100%;
float:left;
}
.fc-tosm-mc{
color: #b5a05e;
}
.fz-tosm-36{
font-size:3.6rem !important;
font-size:3.6rem
}
.fz-tosm-30{
font-size:3rem !important;
font-size:3rem
}
.fz-tosm-24{
font-size: 2.4rem !important;
font-size: 2.4rem;
}
.fz-tosm-20{
font-size:2rem !important;
font-size:2rem;
}
.fz-tosm-18{
font-size: 1.8rem !important;
font-size: 1.8rem;
}
.fz-tosm-16{
font-size: 1.6rem !important;
font-size: 1.6rem;
}
.fz-tosm-14{
font-size: 1.4rem !important;
font-size: 1.4rem;
}
.fz-tosm-12{
font-size: 1.2rem !important;
font-size: 1.2rem;
}
.full-sm{
width: 100%;
padding-left: 0;
padding-right: 0;
}
.hide-sm{
display: none !important;
}
.show-sm{
display: list-item !important;
}
.pd-tosm-15{
padding-left: 15px !important;
padding-right: 15px !important;
}
.pd-tosm-0{
padding-left: 0 !important;
padding-right: 0 !important;
}
.i_solve .box-r li,
.i_solve .box-l,
.prolist,
.first-pro,
.in-so-1 .pic,
.in-so-1 .desc,
.in-prolist .pic,
.in-prolist .desc,
.in-pd-t .pic,
.in-pd-t .info,
.in-nelist li{
padding-left: 0 !important;
padding-right: 0 !important;
}
.main-toppic{
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.logo{
width: 100px;
margin-top: 15px;
margin-bottom: 15px;
}
.first-pro{
border:0
}
.first-pro .pic{
padding-bottom: 260px;
}
.prolist li {
background: #bdc6d1;
}
.i_about .t4{
display: block;
}
.nelist li{
display: block;
}
.nelist ul{
border-left: 0;
}
.i_video .video-button{
width: 50px;
}
.i_message .box-l,.i_message .box-r,.copyright .cop,.copyright .links{
width: 100%;
float: none !important;
}
.i_contact,.i_message,.in_tit{
padding-top: 40px;
padding-bottom:40px;
}
.in-solist h3{
height: auto;
}
.in-so-1 .desc h2,.in-so-2 .t1{
font-size: 2.4rem;
}
.in-prolist li,.in-prolist .pic,.in-prolist .desc,.in-pd-t,.in-pd-t .pic,.in-pd-t .info{
display: block;
}
.celllist li{
padding:0 15px;
}
.in-se-1 li svg path{
fill: #fff;
}
.in-se-1 h3{
transform: translateY(0);
padding-bottom: 15px;
}
.in-se-1 h3 i{
display: none;
}
.in-se-1 .links{
opacity: 1;
visibility: visible;
}
.in-se-1 .desc{
background: #1268b3;
color: #fff;
padding-bottom: 300px;
}
.bn0 .cover{
left: 15px;
right: 15px;
max-width: 100%;
}
.i_banner .owl-prev,.i_banner .owl-next{
opacity: 0;
}
.i_solve .box-l h3,.i_solve .t1{
text-align: center;
}
.nelist .dt-t1,.nelist .dt-t2{
display: inline-block;
}
.nelist .date{
text-align: left;
padding:0;
}
.pro-detail-xq h4 {
font-size: 16px;
}
}