/* by dingtiger 2019.3 */
@font-face {
  font-family: 'iconfont';  /* project id 2429228 */
  src: url('//at.alicdn.com/t/font_2429228_rtkjbr5djk.eot');
  src: url('//at.alicdn.com/t/font_2429228_rtkjbr5djk.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_2429228_rtkjbr5djk.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_2429228_rtkjbr5djk.woff') format('woff'),
  url('//at.alicdn.com/t/font_2429228_rtkjbr5djk.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_2429228_rtkjbr5djk.svg#iconfont') format('svg');
}

.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


@font-face {
  font-family: 'dinpro';
  src: url('../font/dinpro.eot');
  src: url('../font/dinpro.eot?#iefix') format('embedded-opentype'),
      url('../font/dinpro.woff2') format('woff2'),
      url('../font/dinpro.woff') format('woff'),
      url('../font/dinpro.ttf') format('truetype'),
      url('../font/dinpro.svg#dinpro') format('svg');
}

@font-face {
  font-family: 'dinprob';
  src: url('../font/DINPro-Bold.eot');
  src: url('../font/DINPro-Bold.eot?#iefix') format('embedded-opentype'),
      url('../font/DINPro-Bold.woff2') format('woff2'),
      url('../font/DINPro-Bold.woff') format('woff'),
      url('../font/DINPro-Bold.ttf') format('truetype'),
      url('../font/DINPro-Bold.svg#dinprob') format('svg');
}



*£ūmargin:0;padding:0;£ż
html,body{width:100%;height:100%;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; }
body {font-size:14px; line-height:24px; font-weight:300; color:#808080; font-family:"microsoft yahei","PingFang SC",Arial, Helvetica, sans-serif;  width:100%; overflow-x:hidden;
    background: #50a3a2;
    background: linear-gradient(170deg, rgb(72, 143, 202) 0%, rgba(180,115,160,1) 100%);
    background: linear-gradient(170deg, rgb(72, 143, 202) 0%, rgba(180,115,160,1) 100%);
	/*background: linear-gradient(135deg, rgb(165, 155, 224) 0%, rgba(242,147,113,1) 100%);*/
    /*background: linear-gradient(135deg, rgb(165, 155, 224) 0%, rgba(242,147,113,1) 100%);*/
}
::selection {
    background: rgba(166, 175, 189, 0.3);
}
::-moz-selection {
    background: rgba(166, 175, 189, 0.3);
}

ul,li {list-style: none; padding:0px; margin:0px}
img {border:0; margin:0px; padding:0px; display:block;}
input:focus {outline: none;}

.clearfix:after{content:""; display:block; clear:both; height:0; visibility: hidden; font-size:0; line-height:0;}
.clearfix{zoom:1;}

a:link {color: #808080;text-decoration: none;}
a:visited {color: #808080;text-decoration: none;}
a:hover {color:#014099;text-decoration: none;}
a:active {color: #808080;text-decoration: none;}

h1{font-size:30px; font-weight:normal; color:#aaa; line-height:30px;}
h2{font-size:30px; color:#000; line-height:30px; font-weight:300; font-family:"dinprob"; margin-bottom:10px;}
h3{font-size:30px; color:#000; line-height:30px; font-weight:300; margin-bottom:10px;}
h4{font-size:14px; color:#aaa; line-height:12px; font-weight:300; letter-spacing:0px; font-family:"dinpro";}

/*left_menu*/
.left_menu{width:20%; height:100vh; position:fixed;}
.left_menu ul{width:100%; height:100%; color:#fff; position:relative; display:flex; -webkit-display:flex; justify-content:center; align-items:center;}

/*menu*/
.menu{width:70%;}
.menu li ol{width:100%; font-family:'dinpro'; font-size:12px;}
.menu li ol img{width:55%; margin-bottom:20px; min-width:125px;}
.menu li ol font{font-size:18px; display:block; font-weight:bold;}
.menu li:nth-child(1){margin-bottom:40px;}
.menu li:last-child{margin-bottom:100px;}
.menu li span{font-size:16px; line-height:16px; margin-right:8px;}

.mene_bg{padding:5px 0; margin-bottom:8px; width:60%;}
.mene_bg:hover{ padding:5px 0 5px 10px; width:calc(65% - 5px);  background-color:rgba(255,255,255,0.1); border-radius:5px; cursor:pointer;}

.mene_bg_a{padding:5px 0 5px 10px; width:calc(65% - 5px); margin-bottom:8px; background-color:rgba(255,255,255,0.1); border-radius:5px; width:calc(65% - 5px);}
.mene_bg_a:hover{ padding:5px 0 5px 10px; width:calc(65% - 5px);  background-color:rgba(255,255,255,0.1); border-radius:5px; cursor:pointer;}

/*copyright*/
.leftadd{width:100%; position:absolute; bottom:50px;}
.leftadd div{width:70%; margin:0 auto; text-align:left; font-size:12px;}
.leftadd div span{font-size:13px;}
.leftadd div span font{font-family:'dinprob';}

/*content*/
.content{width:100%; float:right; background-color:#FFF;  overflow:hidden;}


/*index_add*/
.add{width:100%; height:calc(100vh - 50px); background-attachment:fixed; background-repeat:no-repeat; background-size:cover; position:relative; display:flex; -webkit-display:flex; justify-content:center; align-items:center;}
.add li{font-size:40px; letter-spacing:8px; text-align:center; color:#1e2e53; line-height:44px; margin-bottom:100px;}
.add li p{font-size:13px; color:#777;}

/*add_sj*/
.add_sj{position:absolute; left:50px; bottom:50px;}
.add_sj ul{float:left; margin-left:5px; font-size:12px; color:rgba(0,0,0,0.6); text-align:center; border:1px solid rgba(0,0,0,0.1); padding:15px 15px 10px 15px;}
.add_sj ul span{display:block; font-family:'dinprob'; font-size:40px; line-height:30px; color:#ff6600;}
.add_sj ul span font{font-size:14px; color:rgba(0,0,0,0.6); margin-left:3px;}

/*add_jt*/
.add_jt{position:absolute; right:50px; bottom:50px; font-size:40px; color:#1e2e53;}

/*n_about*/
.n_about{ max-width:73%; margin:0 auto; padding:100px 0;}
.n_about ul:nth-child(1){margin-bottom:40px;}
.n_about ul img{width:100%; margin-top:40px;}
.n_about ul p{font-size:18px; color:#1e2e53; margin-bottom:20px; line-height:28px;}
.n_about ul h1 span{display:block; font-family:'dinprob'; margin-bottom:5px; color:#014099;}

/*n_about_a*/
.n_about_a{width:100%; padding:100px 0; background-color:#f5f5f5;}
.n_about_a ul{max-width:73%; margin:0 auto;}
.n_about_a ul li{float:left; text-align:center; width:calc(25% - 9px); margin-right:12px; border:1px solid #eee; box-sizing:border-box; border-radius:5px; padding:40px 0; background-color:#fff;}
.n_about_a ul li:nth-child(4){margin-right:0;}
.n_about_a ul li p{font-family:'dinprob'; font-size:40px; color:#014099; line-height:40px;}

/*n_honner*/
.n_honner{ max-width:73%; margin:0 auto; padding:100px 0;}
.n_honner ul{float:left; width:56%; margin-right:14%;}
.n_honner ul:nth-child(2){margin-right:0; width:30%;}
.n_honner ul a{padding:8px 30px; background-color:#014099; color:#fff;}
.n_honner ul a:hover{background-color:#ff6600;}
.n_honner ul img{width:100%;}
.n_honner ul h1{margin-bottom:40px;}
.n_honner ul h1 span{display:block; font-family:'dinprob'; margin-bottom:5px; color:#014099;}

/*n_wenhua*/
.n_wenhua{width:100%; background-color:#ccc; padding:100px 0; background-image:url(../image/new_bg.jpg); background-attachment:fixed; background-size:cover;}
.n_wenhua ul{max-width:73%; margin:0 auto;}
.n_wenhua ul li:nth-child(1){float:left; width:25%;}
.n_wenhua ul li:nth-child(2){float:left; width:75%;}

.n_wenhua ul li div{float:left; width:calc(33.33% - 68px); margin-right:27px; padding:30px 25px 150px 25px; background-color:#fff; background-position:bottom; background-repeat:no-repeat; background-size:cover;}
.n_wenhua ul li div:nth-child(3){margin-right:0;}
.n_wenhua ul li div p{font-size:18px; color:#333; font-weight:bold; letter-spacing:5px; margin-bottom:5px;}

.n_wenhua ul h1{margin-bottom:40px; color:#fff;}
.n_wenhua ul h1 span{display:block; font-family:'dinprob'; margin-bottom:5px; color:#fff;}

/*n_copyright*/
.n_copyright{width:100%; padding:50px 0; text-align:center; font-family:'dinpro'; color:#aaa;}

/*n_pro*/
.n_pro{ max-width:73%; margin:0 auto; padding:100px 0;}
.n_pro ul:nth-child(1){margin-bottom:40px;}
.n_pro ul li{float:left; width:calc(33.33% - 12px); margin-right:18px; margin-bottom:18px; position:relative;}
.n_pro ul li:nth-child(3n+3){margin-right:0;}
.n_pro ul li ol{width:calc(100% - 40px); padding:8px 20px; background-color:rgba(30,46,83,0.7); color:#fff; position:absolute; bottom:0;}
.n_pro ul li img{width:100%;}
.n_pro ul li p{font-size:26px; color:#1e2e53; margin-bottom:20px; line-height:36px;}
.n_pro ul h1 span{display:block; font-family:'dinprob'; margin-bottom:5px; color:#014099;}

/*n_pro_a*/
.n_pro_a{width:100%; padding:100px 0; background-color:#f5f5f5;}
.n_pro_a ul{max-width:73%; margin:0 auto;}
.n_pro_a ul li{float:left; text-align:center; width:calc(25% - 9px); margin-right:12px; border:1px solid #eee; box-sizing:border-box; border-radius:5px; padding:40px 0; background-color:rgba(255,255,255,0.8);}
.n_pro_a ul li:nth-child(4){margin-right:0;}
.n_pro_a ul li span{font-size:60px; color:#333; line-height:60px; display:block;}


/*scsb*/
.scsb{width:100%; padding:100px 0 60px 0;}
.scsb ul{max-width:73%; margin:0 auto 40px auto;}
.scsb ul li{float:left; width:calc(25% - 9px); margin-right:12px;}
.scsb ul li:nth-child(4){ margin-right:0;}
.scsb ul li img{width:100%;}

.scsb ul h1{margin-bottom:40px;}
.scsb ul h1 span{display:block; font-family:'dinprob'; margin-bottom:5px; color:#014099;}

/*jcsb*/
.jcsb{width:100%; padding:100px 0 60px 0; background-color:#f5f5f5}
.jcsb ul{max-width:73%; margin:0 auto 40px auto;}
.jcsb ul li{float:left; width:calc(33.33% - 6px); margin-right:9px;}
.jcsb ul li:nth-child(3){ margin-right:0;}
.jcsb ul li img{width:100%;}

.jcsb ul h1{margin-bottom:40px;}
.jcsb ul h1 span{display:block; font-family:'dinprob'; margin-bottom:5px; color:#014099;}

/*n_map*/
.n_map{width: 100%; margin:0 auto;}
.n_map ul:nth-child(1){margin-bottom:40px;}
.n_map ul:nth-child(2){height:430px;}
.n_map ul h1 span{display:block; font-family:'dinprob'; margin-bottom:5px; color:#014099;}

/*n_contact*/
.n_contact{width:66%;min-width:1200px; background-color:#ffffff; padding:100px 0 70px 0;overflow: hidden;margin: 0 auto;}
.n_contact ul{width: 100%;}
.n_contact ul:nth-child(1){margin-bottom:40px;}
.n_contact ul li{width:100%; float:left; border-left:1px solid #ddd; box-sizing:border-box; padding:0 30px; margin-bottom:30px;}
/*.n_contact ul li:nth-child(2n){border-right:1px solid #ddd;}*/
.n_contact ul li p{ color:#333; font-size:16px;font-weight: bold;}
.n_contact ul li font{display:block; color:#333;font-weight: bold;}
.n_contact ul li dd{float:left;}
.n_contact ul li dd:nth-child(2){float:left;width: calc(100% - 47px);font-weight: bold;}
.n_contact ul li dd:nth-child(1){margin-right:20px;}
.n_contact ul li span{ line-height:50px; font-size:26px; color:#ccc;}
.contact_left{float:left;width:47%;overflow: hidden;}
.contact_right{float:right;width:47%;overflow: hidden;}

.n_contact ul h1 span{display:block; font-family:'dinprob'; margin-bottom:5px; color:#014099;}



@media only screen and (min-width: 720px) and (max-width: 1200px){}

@media only screen and (min-width: 220px) and (max-width: 720px) {}