@font-face {
  font-family: 'SourceHanSansCN_Regular'; 
  src: url('./ziti/SourceHanSansCN_Regular.otf');
}
@font-face {
  font-family: 'SourceHanSansCN_Medium'; 
  src: url('./ziti/SourceHanSansCN_Medium.otf');
}
@font-face {
  font-family: 'SourceHanSansCN_Light'; 
  src: url('./ziti/SourceHanSansCN_Light.otf');
}
 

@font-face {
  font-family: 'Roboto_Light'; 
  src: url('./ziti/Roboto_Light.ttf');
}
@font-face {
  font-family: 'Roboto_Medium'; 
  src: url('./ziti/Roboto_Medium.ttf');
}

/*global css*/
*{font-family: "SourceHanSansCN_Regular","Microsoft YaHei","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB",Arial,sans-serif;-webkit-text-size-adjust:none;-webkit-tap-highlight-color: transparent;-webkit-tap-highlight-color:rgba(0, 0, 0, 0); outline:none; box-shadow: none;}

.sour_m,
#main .sour_m{font-family: 'SourceHanSansCN_Medium';}

.sour_l,
#main .sour_l{font-family: 'SourceHanSansCN_Light';}

#main .robo_m{font-family: 'Roboto_Medium';}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,p,form,fieldset,input,textarea,blockquote{padding:0;margin:0;}
h1,h2,h3,h4,h5,h6,th{font-weight:normal;}
li{list-style-type:none;}
img{border:none;min-width:1px;vertical-align:middle;}

html,body{max-width:1920px; margin:auto; overflow-x:hidden; position:relative; z-index:1;}


/*全屏遮罩层，z-index默认1000*/
.mask{width: 100%;height: 100%;background: rgba(0, 0, 0, .6);position: fixed;left: 0;top: 0;z-index: 1000;}

/*常用类*/
.fl,[fl]{float:left;}
.fr,[fr]{float:right;}
.relative,[relative]{position:relative;z-index: 1;}
.absolute,[absolute]{position:absolute;}
.absolute.max,[absolute][max]{left: 0;top: 0;right: 0;bottom: 0;}
.fixed,[fixed]{position:fixed;}
.fixed.max,[fixed][max]{left: 0;top: 0;right: 0;bottom: 0;}
.fz0,[fz0]{font-size:0;}
/*display快速设置*/
.hide,[hide]{display:none;}
.block,[block]{display:block;}
.inline,[inline]{display:inline;}
.inline-block,[inline-block]{display:inline-block;*display:inline;zoom:1;vertical-align: top;}
.table,[table]{display:table;}
.table.max,[table][max]{width:100%;}
.table-cell,[table-cell]{display:table-cell;vertical-align:middle;}
.table-cell.min,[table-cell][min]{width:1px;}
/*超出隐藏*/
.over,[over]{overflow:hidden;}

/*强行不换行*/
.nowrap,[nowrap]{white-space:nowrap;}
/*强行换行*/
.break,[break]{white-space:normal;word-break:break-all;}
/*垂直对齐方式*/
.v-middle,[v-middle]{vertical-align:middle;}
.v-top,[v-top]{vertical-align:top;}
.v-bottom,[v-bottom]{vertical-align:bottom;}
/*边框盒子处理*/
.border-box,[border-box]{-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
/*css3变换时间300毫秒*/
.trans,[trans]{-webkit-transition:all 300ms ease 0s;transition:all 300ms ease 0s;outline:none;}
.trans-inter::before,.trans-inter::after{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
/*鼠标手型*/
.pointer,[pointer]{cursor:pointer !important;}
/*英文大写*/
.upper,[upper]{text-transform:uppercase;}
/*英文小写*/
.lower,[lower]{text-transform:lowercase;}
/*宽高100%*/
.maxh,[maxh]{height:100%;}
.maxw,[maxw]{width:100%;}
/*最多宽度设置*/
.cw1920{max-width: 1920px;width: 1920px;margin: 0 auto;}
.cw1800{max-width: 1800px;width: 1800px;margin: 0 auto;}
.cw1600{max-width: 1600px;width: 1600px;margin: 0 auto;}
.cw1400{max-width: 1400px;width: 1400px;margin: 0 auto;}
.cw1200{max-width: 1200px;width: 1200px;margin: 0 auto;}
.cw1120{max-width: 1120px;width: 1120px;margin: 0 auto;}

@media (max-width: 1860px){
    .cw1800{width: 96%;}
}
@media (max-width: 1680px){
    .cw1600{width: 96%;}
}
@media (max-width: 1440px){
    .cw1400{width: 94%;}
}
@media (max-width: 1280px){
    .cw1200{width: 92%;}
}


/*清浮动*/
.clear,[clear]{margin:0px auto;clear:both;height:0px;font-size:0px;overflow:hidden;position: relative;}
.clear.a,[clear].a{top: -54px;display:block;height: 1px;width: 100%;position: relative;}
.clean,[clean]{zoom:1;}
.clean:after,.clean:before,[clean]:after,[clean]:before{content:'';display:table;}
.clean:after,[clean]:after{clear:both;}

/*上下元素间距*/
.blank3{margin:0px auto;clear:both;height:3px;font-size:1px;overflow:hidden;}
.blank6{margin:0px auto;clear:both;height:6px;font-size:1px;overflow:hidden;}
.blank9{margin:0px auto;clear:both;height:9px;font-size:1px;overflow:hidden;}
.blank12{margin:0px auto;clear:both;height:12px;font-size:1px;overflow:hidden;}
.blank15{margin:0px auto;clear:both;height:15px;font-size:1px;overflow:hidden;}
.blank20{margin:0px auto;clear:both;height:20px;font-size:1px;overflow:hidden;}
.blank25{margin:0px auto;clear:both;height:25px;font-size:1px;overflow:hidden;}
.blank30{margin:0px auto;clear:both;height:30px;font-size:1px;overflow:hidden;}

/*a*/
a{color:#666666;text-decoration:none;}
a:hover{color:#4fa4df; text-decoration:none;}
a.red{color:red;text-decoration:none;}
a.red:hover{color:red;text-decoration:underline;}
a *{text-decoration:none;}
a:hover *{text-decoration:none;}


/*联系我们*/
#main #about .contact-box{margin-top: 10px;}
#main #about .contact-box .left{padding-top: 6%;padding-bottom: 4.4%; color:#fff}
#main #about .contact-box .left .ico{width: 11.26%;height: 45px;background-repeat: no-repeat;background-position: left 3px;}
#main #about .contact-box .left .c1 .ico{background-image: url('http://www.sunline.cn/images/ico8.png');-webkit-background-size: 34px 40px;background-size: 34px 40px;}
#main #about .contact-box .left .c2 .ico{background-image: url('http://www.sunline.cn/images/ico9.png');-webkit-background-size: 40px 40px;background-size: 40px 40px;}
#main #about .contact-box .left .c3 .ico{background-image: url('http://www.sunline.cn/images/ico10.png');-webkit-background-size: 38px 40px;background-size: 38px 40px;}
#main #about .contact-box .left .c4 .ico{background-image: url('http://www.sunline.cn/images/ico11.png');-webkit-background-size: 35px 40px;background-size: 35px 40px;}
#about .contact-box .left .way .t.t1{margin-bottom: 2px;}
#about .contact-box .right{padding-top: 41.6%;}
#about .contact-box .right .max{margin: auto;}
#about .contact-box #mapContainer{width: 100%;height: 100%;}
#about .office-list{margin-top: 4.16%;}
#about .office-list .list{padding-top: 8px;}
#about .office-list .list .li{width: 48.38%;margin-right: 2.34%;border-radius: 2px;margin-bottom: 20px;border: 2px solid transparent;box-shadow: 0 0 5px 2px #f6f6f6;}
#about .office-list .list .li:hover{border-color: #02589d;box-shadow: 0 0 5px 2px transparent;}
#about .office-list .list .li:nth-child(2n){margin-right: 0;}
#about .office-list .list .li .cen{width: 89.93%;margin: 0 auto;padding: 50px 0;}
#about .office-list .list .li .name{color: #02589d;font-size: 20px;margin-bottom: 5.69%;}
#about .office-list .list .li .desc{color: #666666;font-size: 16px;line-height: 28px;}
#about .office-list .list .li .inline-block{margin-right: 3.79%;}

@media (max-width: 1280px){
    #main #about .contact-box .left .ico{-webkit-background-size: 100% 40px!important;background-size: 100% 40px!important;}
}
@media (max-width: 1200px){
    #main #about .contact-box .left{padding-top: 3%;}
}

@media (max-width: 850px){
    #main #about .contact-box .left{padding: 50px 0;}
    #main #about .contact-box .left .ico{width: 5.26%;}
    #about .office-list .list .li{width: 100%;margin-right: 0;}
    #about .office-list .list .li .name{font-size: 24px;margin-bottom: 35px;}
    #about .office-list .list .li .desc{font-size: 18px;}
}

/*about公共*/

#main.pub .top .cw1200{position: relative;box-shadow: 0 0 20px 4px #dddddd;}

#main.pub .top .left{width: 36.73%;position: relative;z-index: 2;}

#main.pub .top .right{width: 63.27%;}

#main.pub .top .cw1200:after{content: "";position: absolute;top: 0;left: 0;width: 36.73%;height: 100%; background: linear-gradient(top left, #1c5ac6 , #113a79);background: -ms-linear-gradient(top left, #1c5ac6, #113a79);background: -webkit-linear-gradient(top left, #1c5ac6, #113a79);background: -moz-linear-gradient(top left, #1c5ac6, #113a79);}





@media(max-width: 1200px){

  #main.pub #about .top .cw1200:after{width: 100%;}

}