@charset "gb2312";
body,div,ul,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,i{margin:0; padding:0;}
li,i,em{list-style:none; font-style: normal;}
input,textarea,select{font-family:inherit; font-weight:inherit; font-size:14px;}
img{border:0;}
.clear{height:0; overflow:hidden; clear:both;}
dl,dt,dd{
	margin: 0px; padding: 0px; list-style: none;}
.fl{ float:left}
.fr{ float:right}
body,td,th{font-size: 14px;	color:#222;}
a{font-size:14px; color:#222;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
body{font-family:Microsoft YaHei; font-size: 14px; min-width:1400px; background:url(images/8.png) center top repeat-x;}

@font-face {
 font-family:fontDin1;
 src: url(DIN-MEDIUM_otf.txt),url(DIN-MEDIUM_woff.txt),url(DIN-MEDIUM_eot.txt),url(DIN-MEDIUM_woff2.txt),url(DIN-MEDIUM_ttf.txt)}


.w1400 { width:1400px; margin:auto;}

.logo { height:146px; overflow:hidden}

.logo strong { height:53px; display:block; float:left; margin-top:38px; font-size:30px; color:#222;}
.logo span { display:block; color:#555; font-size:17px; font-weight: normal;letter-spacing: 0.9px;}
.logo_tu {float:left}
.logo_tu img { float: left;}
.logo_tu img.jiange { margin-top: 10px; margin-left: 20px;}
.logo_tu a { display:block; margin-top:30px; float:left; margin-right:10px;}
.logo b { float:left; color:#222; letter-spacing:2px;}
.logo strong img { float:left;}
.logo strong a { font-weight: bold; font-size:20px; color:#0067bb;}
.logo .tel { margin-top: 23px; float: right;}


.nav {height:80px; line-height:80px; }
.nav li { background:url(images/7.png) left no-repeat; float:left;  text-align:center; position:relative;}
.nav li a { text-align:center; color:#fff; font-size:16px; display:block; padding-left:10px; padding-right:11px; position:relative; z-index:2;}
.nav li:hover a { color:#fff;}
.nav li.noming a {color:#fff;}
.nav li.noming { background:#40b023;}
.nav li:nth-child(1) { background:none;}

.nav li:before { content:""; position:absolute; left:0; width:0; height:80px; background:#40b023; transition: all 0.5s;}
.nav li:hover:before { content:""; position:absolute; left:0; width:100%; height:80px;}


.nav li span { display:block; margin-top:32px; margin-right:10px; float:left; width:17px; height:17px; background:url(images/5.png) no-repeat;}


.nav li dl { position: absolute; top:80px; height:0px; z-index:0; overflow:hidden}
.nav li.dhh a { color:#fff;}
.nav li.dhh dl { transition: all 0.8s; height:auto !important; width:350px; background:rgba(255,255,255,0.9); box-shadow:0px 5px 5px #999; position: absolute; top:80px; left:0; display:block; z-index:10000; padding-top:20px; padding-left:20px; padding-bottom: 20px; overflow:hidden;}
.nav li.dhh dl.juli { left:-100px;}
.nav li.dhh dl dt { width:150px; float:left; color:#222; line-height:28px; margin:15px 0px 25px 25px; text-align:left}
.nav li.dhh dl dt b { display: block; width: 40px; height: 3px; background-color: #0067bb; margin-bottom: 20px;}
.nav li.dhh dl dt strong { display:block; font-size:20px; margin-bottom:25px;}
.nav li.dhh dl dt i { font-style:normal; display: block; width: 118px; height: 30px; text-align: center;line-height: 30px;border: 1px solid #cecece; color: #999;font-family: Arial;}
.nav li.dhh dl dt i a {color:#999; font-size:12px; font-weight:normal;}
.nav li.dhh dl dt img { margin-bottom:5px;}
.nav li.dhh dd { width:160px; float:left; margin-top:10px; color:#fff; line-height:33px; display:block; text-align:left; overflow:hidden;}
.nav li.dhh dd a { display:block; color:#777; font-size:14px; font-weight: normal;text-align:left;}
.nav li.dhh dd a:hover { color:#0067bb}


.nav li.dhh:nth-child(1) dl,.nav li.dhh:nth-child(2) dl,.nav li.dhh:nth-child(3) dl,.nav li.dhh:nth-child(4) dl,.nav li.dhh:nth-child(5) dl,.nav li.dhh:nth-child(7) dl,.nav li.dhh:nth-child(10) dl { display: none !important;}

.focus { width:100%; height:700px; overflow:hidden; position:relative;}
.focus ul {height:700px; position:absolute;}
.focus ul li {float:left; width:100%; height:700px; overflow:hidden; position:relative; background:#000;}
.focus ul li div {position:absolute; overflow:hidden;}
.focus .btnBg {position:absolute; width:100%; height:20px; left:0; bottom:0; background:#000; display:none;}
.focus .btn {position:absolute; width:1002px; left:50%; margin-left:-501px; height:24px; bottom:36px; text-align:right; z-index:100000;}
.focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:24px; line-height:24px; text-align:center; _font-size:0; margin-left:5px; cursor:pointer; background:#ccc;}
.focus .btn span.on {background:#fff;}
.focus .preNext {width:45px; height:100px; position:absolute; top:35%; background:url(images/9.png) no-repeat 0 0; cursor:pointer;}
.focus .pre {left:0;}
.focus .next {right:0; background-position:right top;}
#banner{overflow:hidden;}
.dis { display: none;}


.search {border-bottom: solid 1px #ececec; width:100%; margin:auto; background:#fff; height:79px; overflow: hidden}
.search_tu { float:right; width:56px; height:79px; overflow:hidden}
.search_2 { float:left; width:260px; }
.search_2 input { background:#fff; outline: none; border: none; width:240px; padding-left:20px; height:79px; line-height:79px; color:#c6c6c6;}
.zhonjian { width:317px; margin-left:50px;}
.zhonjian_wenzi { margin-top:32px;}
.search-bg { border-left: solid 1px #ececec;}


.solution_til{ text-align:center; font-size:38px; margin-top: 65px; color:#222;}
.solution_til b i{ color:#0067bb;}
.solution_til b{ display:block; margin-bottom:10px;}
.solution_til span{ display:block; font-size:18px; color:#666666; font-weight:lighter;}
.solution_til em { width: 60px;  margin: auto;  display:block; margin-top:20px; height:12px;overflow: hidden;}
.solution_til em i { display:block; float:left; width:12px; height:12px; border-radius:50%; background:#b9b9b9;animation: bounce_fountainG 1.2s linear infinite;} 
.solution_til em i+i{ margin-left:10px;}
.solution_til em i:nth-child(1){animation-delay: .4s;}
.solution_til em i:nth-child(2){background:#0067bb;animation-delay: .6s;}
.solution_til em i:nth-child(3){animation-delay: .8s;}
@keyframes bounce_fountainG { 
0% {
transform:scale(1);
}
100% {
transform:scale(.5);
}
}


.protop{overflow: hidden; margin-top:30px; margin-bottom:70px; }
.protop ul{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.protop ul li{ width:220px; height:197px; text-align:center; background:#f3f3f3; padding-top:25px; position:relative;}
.protop ul li img{ border:3px solid #cbd5de; width: 150px; height: 110px;}
.protop ul li a{ display:block; width:100%; height:100%;}
.protop ul li span{ display:block; line-height:64px; font-size:16px; color:#666666;}
.protop ul li:after{ content:''; display:block; position:absolute; height:3px; width:0; bottom:0; left:0; right:0; margin:0 auto; background:#0067bb; transition:all .3s ease;}
.protop ul li:hover:after{ width:164px;}
.protop ul li:hover span{color:#0067bb;}
.protop ul li:hover img{ border-color:#0067bb;}   


.pro_tu { width:1080px; float:right; overflow:hidden;}
.pro_tu dl { width: 353px; float: left;background: #f5f5f5; margin-bottom: 25px; margin-right: 20px; padding-bottom: 15px; position: relative; overflow: hidden;}
.pro_tu dl dd { width: 290px; margin:auto; line-height: 26px; height: 44px; text-align: center; position: relative; z-index: 2; color: #666; overflow: hidden;}
.pro_tu dl dt { width: 353px; height: 265px; position: relative;  z-index: 3; overflow: hidden;}

.pro_tu dl dd strong { display: block; margin-top: 15px; margin-bottom: 10px; font-size: 18px; font-weight: normal; color: #222;}
.pro_tu dl:hover strong { color: #0067bb;}
.pro_tu dl:nth-child(3),.pro_tu dl:nth-child(6),.pro_tu dl:nth-child(9) { margin-right: -20px;}

.pro_tu dl dt img { transition: all 0.5s;}
.pro_tu dl:hover dt img{ transform:scale(1.2);}
.pro_tu dl:after{content:'';display:block; position:absolute;background:rgba(0,0,0,0.6);width:100%;height:100%;top:0;left:0;transition:all .3s ease;opacity:0; z-index: 5;}
.pro_tu dl:hover:after{ opacity:1;}

.pro_tu dl i:after,.pro_tu dl i:before{ content:''; display:block; position:absolute;  transition:all .6s ease; z-index:3; width:0; height:0; opacity:0; z-index: 6;}
.pro_tu dl i:after{ border-top:2px solid #fff; border-right:2px solid #edeff5;top:10%; right:10%;}
.pro_tu dl i:before{ border-bottom:2px solid #fff; border-left:2px solid #edeff5;bottom:10%; left:10%;}
.pro_tu dl:hover i:after,.pro_tu dl:hover i:before{width:85%; height:85%; opacity:1;}

.pro_tu dl span{ display: block; position:absolute; left:0; top:0; bottom:0; right:0; margin: auto; width:120px; line-height:40px; text-align:center; font-size:14px; color:#fff; background:#40b023; font-family:fontDin; opacity:0; transition:all .6s ease; z-index:3; height:40px; z-index: 7;}
.pro_tu dl:hover span{ opacity:1;}


.num_til{ text-align:center; font-size:38px; color:#222;}
.num_til b i{ color:#0067bb;}
.num_til b{ display:block; margin-bottom:10px;}
.num_til span{ display:block; font-size:18px; color:#666666; font-weight:lighter;}
.num_til em { width: 60px;  margin: auto;  display:block; margin-top:20px; height:12px;overflow: hidden;}
.num_til em i { display:block; float:left; width:12px; height:12px; border-radius:50%; background:#b9b9b9;animation: bounce_fountainG 1.2s linear infinite;} 
.num_til em i+i{ margin-left:10px;}
.num_til em i:nth-child(1){animation-delay: .4s;}
.num_til em i:nth-child(2){background:#0067bb;animation-delay: .6s;}
.num_til em i:nth-child(3){animation-delay: .8s;}


.num{ background:url(images/3.jpg) no-repeat center; padding: 60px 0px; display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center; overflow: hidden;}
.num ul{ margin-top:30px; display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.num .title span{ font-size:16px;}
.num ul li{ width:256px; height:202px; background:#fff; border-radius:30px 0 30px 0;display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center; text-align:center; box-shadow:0 0 10px #ddd;}
.num_c{ font-size:18px; color:#484848; font-weight:lighter;}
.num_c span{ display:block; font-size:12px; text-transform:uppercase; margin:5px 0 8px 0;}
.num_c:after{ content:''; display:inline-block; width:40px; height:3px; background:#0067bb;}
.num_t i{ font-size:60px; color:#0067bb;  font-family:fontDin1; font-weight:bold; display:inline-block; vertical-align:text-top; line-height:50px;}
.num_t em{ display:inline-block; margin-left:5px; border-radius:50%; width:22px; height:22px; line-height: 22px; background:#40b023; font-size:14px; font-weight:lighter; color:#fff; vertical-align:text-top;}
.num_t{ margin-bottom:15px;}
.num ul li:hover{ box-shadow:0 0 15px #bbb;}    

.process { background:url(images/21.jpg) center bottom no-repeat #e6eef9; padding-bottom: 70px; overflow: hidden;}
.process_til{ text-align:center; font-size:38px; margin-top: 65px; color:#222;}
.process_til b i{ color:#0067bb;}
.process_til b{ display:block; margin-bottom:10px;}
.process_til span{ display:block; font-size:18px; color:#666666; font-weight:lighter;}
.process_til em { width: 60px;  margin: auto;  display:block; margin-top:20px; height:12px;overflow: hidden;}
.process_til em i { display:block; float:left; width:12px; height:12px; border-radius:50%; background:#b9b9b9;animation: bounce_fountainG 1.2s linear infinite;} 
.process_til em i+i{ margin-left:10px;}
.process_til em i:nth-child(1){animation-delay: .4s;}
.process_til em i:nth-child(2){background:#0067bb;animation-delay: .6s;}
.process_til em i:nth-child(3){animation-delay: .8s;}

.process_list { margin-top: 30px; margin-bottom: 30px; overflow: hidden;}
.process_list li { float: left;}
.process_list dd { width: 7px; height: 11px; background: url(images/11.png); float: left; margin-top: 50px;}
.process_list li span {border-radius: 100%;width: 100px;height: 100px;line-height: 100px;margin:0 auto; border:solid 1px #0067bb;background: #fff;transition: all .4s;text-align: center;display: block;}
.process_list li span img { margin-top: 30px; height: 39px;}
.process_list li { width: 149px; text-align: center;}
.process_list li strong { display: block; font-weight: normal; display: block; margin-top: 15px; font-size: 18px;}
.process_list li.on span { background: #0067bb;}
.process_list li.on span img {filter: brightness(0) invert(1);}
.process_list li.on { cursor: pointer;}


.process_nor { float: left; background: url(images/156456.jpg); height: 467px; overflow: hidden;}

.process_nor dl { width: 730px; height: 360px; background: #fff; float: right; margin-top: 53px; margin-right: 53px; overflow: hidden;}
.process_nor dl dt { margin-top: 55px; margin-left: 45px; width: 650px;}
.process_nor dl dt strong { display: block;  margin-bottom: 15px;}
.process_nor dl dt strong a { font-weight: normal; font-size: 32px;}
.process_nor dl:hover dt strong a { color: #0067bb;}
.process_nor dl dt span { font-size: 15px; color: #666; line-height: 28px;}
.process_nor dl dd { margin-left: 45px; width: 650px; margin-top: 30px;}
.process_nor dl dd a { width: 147px; float: left; background: #222; text-align: center; font-size: 16px; display: block; height:40px; line-height: 40px; color: #fff; margin-right: 15px; margin-bottom: 20px;}
.process_nor dl dd a:hover {  background:#40b023;}

.process_kuang { width: 1400px; margin: auto;}
.process_nor.bj2 { background: url(images/156455.jpg);}    
.process_nor.bj3 { background: url(images/6.jpg);}
.process_nor.bj4 { background: url(images/7.jpg);}
.process_nor.bj5 { background: url(images/8.jpg);}
.process_nor.bj6 { background: url(images/156457.jpg);}
.process_nor.bj7 { background: url(images/10.jpg);}
.process_nor.bj8 { background: url(images/156454_1.jpg);}
.process_nor.bj9 { background: url(images/12.jpg);}



.case_til{ text-align:center; font-size:38px; margin-top: 65px; color:#222;}
.case_til b i{ color:#0067bb;}
.case_til b{ display:block; margin-bottom:10px;}
.case_til span{ display:block; font-size:18px; color:#666666; font-weight:lighter;}
.case_til em { width: 60px;  margin: auto;  display:block; margin-top:20px; height:12px;overflow: hidden;}
.case_til em i { display:block; float:left; width:12px; height:12px; border-radius:50%; background:#b9b9b9;animation: bounce_fountainG 1.2s linear infinite;} 
.case_til em i+i{ margin-left:10px;}
.case_til em i:nth-child(1){animation-delay: .4s;}
.case_til em i:nth-child(2){background:#0067bb;animation-delay: .6s;}
.case_til em i:nth-child(3){animation-delay: .8s;}
.casecon .tempWrap{ overflow:visible !important;}
.casecenter{ width:1400px; overflow:hidden; margin:0 auto; padding:0 10px 0 10px;}
.casecon .case_new_div_item{width:453px !important; height:500px; position:relative; padding:335px 18px 18px 18px; transition:all .3s ease; box-shadow:0 0 10px #eaeaea; margin:20px 20px 21px 0;}
.casecon .news_div_item_pic { position:absolute; top:18px; overflow:hidden; left:18px; width:418px; height:308px;z-index:3;}
.casecon .case_new_div_item_content{z-index:3; position:relative;}
.casecon .case_new_div_item:after{ content:''; display:block; position:absolute; width:100%; height:0; top:0; left:0; background:#0067bb; transition:all .3s ease;-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.casecon .case_new_div_item:hover:after{ height:100%;}
.casecon .case_new_div_item:hover .news_div_item_pic img{ transform:scale(1.1);}
.casecon .case_new_div_item:hover .case_new_div_item_a{ color:#fff;}
.casecon .case_new_div_item:hover .case_new_div_item_body{ color:#b6deff;}
.casecon .news_div_item_pic img{ width:100%;height:100%; transition:all .6s ease;}
.casecon .case_new_div_item_a{ font-size:20px; color:#333538; display:block; margin-top: 15px;}
.casecon .case_new_div_item_body{ font-size:14px; color:#acadb0;line-height:28px; height:64px; overflow:hidden; margin-top:15px;}
.casecon .case_new_div_item_a:after{ content:''; display:block; width:44px; height:44px; line-height:38px; border-radius:50%; background:#0067bb url(images/21.png) no-repeat center; position:absolute; left:25px; bottom:-63px; transition:all .3s ease;}
.casecon .case_new_div_item:hover .case_new_div_item_a:after{ transform:rotate(360deg); background-color:#40b023;}
.casebottom{ margin-top:30px; text-align:center; font-size:0;}
.casebottom i,.casebottom ul,.casebottom li{ display:inline-block; vertical-align:middle; cursor:pointer; margin: 0px 20px;}
.casebottom ul{ margin:0 130px;}
.casebottom li{ display:inline-block; width:22px; height:22px; border-radius:50%; background:#e7ebf0; cursor:pointer; position:relative;}
.casebottom li:after{ content:''; display:block; position:absolute; width:12px; height:12px; border-radius:50%; background:#a1b2c6; top:0; bottom:0; left:0; right:0; margin:auto;}
.casebottom li+li{ margin-left:20px;}
.casebottom li.on:after{ background:#40b023;}
.casebottom li.on{ background:#c5ecbb;}  
.casecon .case_new_div_item { box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; }  


.adv_til{ text-align:center; font-size:38px; margin-top: 65px; margin-bottom: 10px; color:#fff; margin-bottom: 75px; overflow: hidden;}
.adv_til b i{ color:#fff;}
.adv_til b{ display:block; margin-bottom:10px;}
.adv_til span{ display:block; font-size:18px; color:#f7fbff; font-weight:lighter;}
.adv_til em { width: 60px;  margin: auto;  display:block; margin-top:20px; height:12px;overflow: hidden;}
.adv_til em i { display:block; float:left; width:12px; height:12px; border-radius:50%; background:#b9b9b9;animation: bounce_fountainG 1.2s linear infinite;} 
.adv_til em i+i{ margin-left:10px;}
.adv_til em i:nth-child(1){animation-delay: .4s;}
.adv_til em i:nth-child(2){background:#40b023;animation-delay: .6s;}
.adv_til em i:nth-child(3){animation-delay: .8s;}    

.adv_til{ text-align:center; font-size:38px; margin-top: 65px; color:#0067bb; margin-bottom: 30px; overflow: hidden;}
.adv_til b i{ color:#222;}
.adv_til b{ display:block; margin-bottom:10px;}
.adv_til span{ display:block; font-size:18px; color:#666; font-weight:lighter;}
.adv_til em{ display:inline-block; height:12px; margin-top:15px;}
.adv_til em i{ display:inline-block; width:12px; height:12px; border-radius:50%; background:#b9b9b9;animation: bounce_fountainG 1.2s linear infinite;} 
.adv_til em i+i{ margin-left:10px;}
.adv_til em i:nth-child(1){animation-delay: .4s;}
.adv_til em i:nth-child(2){background:#40b023;animation-delay: .6s;}
.adv_til em i:nth-child(3){animation-delay: .8s;}    


.advantage { width: 100%; margin: auto; background:url(images/25.jpg) center bottom no-repeat #f5f5f5; margin-top: 70px; height: 880px; background-position: 0px 28px; overflow: hidden;}

.advantage_nav { width: 1342px; margin: auto;}
.advantage_nav li{ font-size:24px; width:335px;height:100px; border-right:1px solid #fff; box-sizing:border-box; background:#0067bb; color:#fff;  float:left; cursor:pointer; transition:all 0.5s;	}
.advantage_nav li:nth-child(4){ border-right:none;}
.advantage_nav li img{ margin:31px 24px 0 73px; }
.advantage_nav li span{display: inline-block;vertical-align: super;}
.advantage_nav li.on{  background:#40b023;}


.advantage_content dl{ height:483px; width:1400px;}
.advantage_img{ margin:30px 49px 0 30px;}
.advantage_two{ width:613px; margin-top:75px;}

.advantage_one strong{ color:#0067bb; font-size:28px; display:block;margin-top: -4px; font-weight: normal; overflow: hidden;}
.advantage_one span{ font-size:14px; color: #b5b5b5; margin-top: 3px; display: block; font-family: Arial, Helvetica, sans-serif;}
.advantage_one div{ margin-left:22px;}
.advantage_one{ margin-bottom:35px;}
.advantage_three{ font-size:15px; color:#666; margin-bottom:15px; background:url(images/45.png) no-repeat left 12px; padding-left:33px; line-height:35px;}
.advantage_three1{ margin-bottom:31px;}



.feedback{}
#feedback_c{width: 100%;min-width: 1400px;height: 270px; box-sizing: border-box; background:#0067bb;
    margin-bottom: 80px;
}

#feedback_c .button.btn_message{
    display: inline-block;
    zoom: 1;
    vertical-align: baseline;
    
    margin-top: 10px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 30px;
    
    line-height: 65px;
    background: #40b023;
    font-size: 16px;
    color: #fff;
    
}
#feedback_c li{width:310px;float:left;}
#feedback_c li+li{ margin-left:20px;}  
 #feedback_c .wbf-input { font-size: 14px;
    width: 100%;
    height: 65px;border:none;
    padding: 20px 25px;
   margin-top: 10px;    background: #fff;
    line-height: normal;
    box-sizing: border-box;
}
  #feedback_c input.button.btn_message{
    display: inline-block;
    zoom: 1;
    vertical-align: baseline;
    margin-left: 55%;
    margin-top: 10px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 30px;
    border-radius: 30px;
    line-height: 40px;
    background: #666;
    font-size: 16px;
    color: #fff;
    border: none;
    
}
 
  #feedback_c .feedback_form input,
#feedback_c .feedback_form textarea{
    border: 1px solid #eee; font-size: 14px;
  border-radius: 5px;}
  
#feedback_c.fb_message textarea{width: 100%;padding: 15px 15px;background: #f5f5f5; margin-top: 10px;}
  
  #feedback_c .wbf-code {
    width: 87px;
    border: 1px solid #fff;
    height: 65px;
    padding: 12px 20px;
    margin: 0 10px 0 0;
    line-height: normal;
    box-sizing: border-box;
    float: left;

}
#feedback_c .yzma { padding-right: 20px;width:215px;
   background: #fff; margin-top: 10px;
}
#feedback_c .yzma img{     float: left;
    display: block;
    padding-top: 18px;
}
#feedback_c .wbf-textarea { font-size: 14px; border: none;  width: 100%; background: #fff;
    height: 65px;
    padding: 20px 25px; margin-top: 10px;
    line-height: 22px;
    box-sizing: border-box;
}
.feedback .font{
  font-size:38px;color: #fff;text-align:center;line-height:45px;padding:55px 0 30px 0;
}  

.company_til{ text-align:center; font-size:38px; margin-top: 65px; color:#222;}
.company_til b i{ color:#0067bb;}
.company_til b{ display:block; margin-bottom:10px;}
.company_til span{ display:block; font-size:18px; color:#666666; font-weight:lighter;}
.company_til em { width: 60px;  margin: auto;  display:block; margin-top:20px; height:12px;overflow: hidden;}
.company_til em i { display:block; float:left; width:12px; height:12px; border-radius:50%; background:#b9b9b9;animation: bounce_fountainG 1.2s linear infinite;} 
.company_til em i+i{ margin-left:10px;}
.company_til em i:nth-child(1){animation-delay: .4s;}
.company_til em i:nth-child(2){background:#0067bb;animation-delay: .6s;}
.company_til em i:nth-child(3){animation-delay: .8s;}

.company_nor { height: 515px; margin-top: 30px; margin-bottom: 30px; position: relative; }
.company_index { padding: 85px 0 25px; background: #f4f4f4; height: 515px}
.company_index .page{ height: 515px; position: relative; }
.company_index_r{ position: absolute; right: 0; top: 0; width:830px; height:515px; }
.company_index_l{ padding: 50px; background: #f5f5f5; height: 310px; width: 470px; position: absolute; z-index: 3; top: 52px; }
.company_index_l:after{ content:''; background:#40b023 url(images/33.png) center no-repeat; width: 45px; height: 132px; display: block; right: -45px; position: absolute; top: 139px; }
.company_index_l .ci_t{ padding-left: 60px; background: url(images/32.png) no-repeat left 0; padding-bottom: 35px; padding-top: 0px; border-bottom: 1px solid #e4e4e4; margin-bottom: 30px; display: block; }
.company_index_l .ci_t a .en{ font-size: 12px; color: #999; display: block; line-height: 20px; }
.company_index_l .ci_t a{ font-size: 32px; display: block; line-height: 32px; padding: 4px 0px 4px 15px; background: url(images/31.png) no-repeat right center; }
.company_index_l .ci_t a .str{ font-weight: bold; font-size: 32px;color: #0067bb; }
.company_index_l .ci_m p{ font-size: 14px; line-height: 32px; color:#666; display: block; font-weight: lighter; }
.ci_b:after{ content: ''; display: block; clear: both; }
.ci_b { width: 120px; background:#40b023; text-align: center; margin-top: 20px;}
.ci_b a { text-align:center; display: block; font-size: 14px; color: #fff; line-height: 35px;}



.company_tu { width:1400px; margin:auto; overflow:hidden;}
.company_tu dl {width: 271px; margin-right: 11px;  float: left; height: 436px; position: relative; overflow: hidden;}
.company_tu dl dd { position: relative; z-index: 2; background: url(images/23.jpg); height: 49px; line-height: 49px; text-align:center;}
.company_tu dl dt {position: relative;  z-index: 3;  height: 387px; overflow: hidden;}
.company_tu dl dd strong { display: block; font-size: 14px; font-weight: normal;}
.company_tu dl:nth-last-child(1) { margin-right: -20px;}



.link {background: #005fbd;line-height:88px;}
.link_til{float: left;font-size:18px;color:#fff;background: url(images/yqlj.png)no-repeat left center;padding-left: 35px;}
.link .link_nor a{color:#fff !important;line-height:90px;}





.footer_bg{background:#0069d2;margin-top:60px; overflow:hidden;}
.footer{height: 310px; overflow:hidden;}
.footer li{padding: 50px 4vw 0;float: left;height: 260px;}
.footer li { float:left;}
.footer li:first-child{padding-left: 0px;}
.footer li+li{border-left: 1px solid #1a7ee2;;}
.footer li a,.link4 span{font-size: 15px;color: rgba(255,255,255,0.8);font-weight: lighter;display: block;line-height: 36px;}
.footer li span:first-child{font-size: 18px;color: #fff;}
.footer li a:hover{color: #fff;}
.footer li i{width: 34px;height: 2px;display: block;background: #fff;margin: 10px 0 15px;}
.footer li p{line-height: 36px;color: rgba(255,255,255,0.6);font-size:15px;}
@media (max-width: 1400px){
   .footer>li{padding: 80px 70px 0;}
}


.link4{padding-right:0 !important; padding-top: 44px !important; height:337px !important;}
.link4 i{margin-top:4px !important;}
.foot_ewm{margin:50px 0 0 0px;}


.copy_bg{width:100%;min-width:1400px;border-top:1px solid #1a7ee2; color:#a8a9ad;height: 52px;}

.copy,.copy a{color:rgba(255,255,255,0.8);font-size:15px;line-height:70px;}