@charset "utf-8";


/*Reset*/
*{ padding:0; margin:0; outline:none;}
*html{background-image:url(about:blank);background-attachment:fixed;}
html,div,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,img,form,embed,label{margin:0;padding:0;border:0; font-size:14px; font-weight:normal;}
img{border:none}
ul,ul li{ list-style:none;} 
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;} 
select,input{ vertical-align:middle;font-size:12px;}  
a {color:#757575;text-decoration:none;}
a:hover {color:#3f99be;}
a:active {color:#3f99be;}
.hidden{ display:none}
i{ font-style:normal}
/*basic*/ 
body{margin:0px; padding:0px; font-family:"微软雅黑"; font-size:14px;color:#000;}  


/*index*/
.head{ float: left; width: 100%;padding: 15px 0; }
.logo{ float: left;}
.logo img{ height:120px;}
.sitetxt{ float:left; line-height:30px; font-size:18px; padding:30px 0 0 10px}
.sitetxt span{ font-weight:bold; font-size:20px; color:#3f99be}
.topright{ float:right;}
.topcontract{ float:right; width:400px; margin-bottom:20px;}
.topcontract dl{ float:right; margin-left:20px; line-height:25px; padding-left:20px;}
.topcontract dl.email_ico{ background:url(email.png) left center no-repeat;}
.topcontract dl.phone_ico{ background:url(phone.png) left center no-repeat;}
.menu{ float: left;}
.menu li{ float: left; margin: 0 0 0 60px; display: inline; font-size: 16px; letter-spacing: 2px;}
.menu li a{ color: #000; line-height: 38px; padding: 0 0 7px; display: block;}
.menu li.on a,.menu li a:hover{padding: 0 0 5px; border-bottom: 2px solid #3f99be; color: #3f99be;}


.banner{width: 100%; float: left; position: relative;}   

.indexboxtop{ width:100%; float:left; font-size:30px; font-weight:bold; text-align:center; margin-bottom:20px;}
.indexbox{ float: left; width: 1200px; padding: 60px 0;}
.menubox{ float: left; width: 590px; padding:15px; margin-bottom:20px; background:#e2f5fc; box-sizing:border-box;  height: 170px; margin-right: 20px;transition: background-color 0.1s ease 0s; border-radius: 5px; position:relative; padding-left:170px}
.menubox.fright{ margin-right:0}
.menubox:hover{background: #3f99be; color:#fff}
.mpic{ width:100%; float:left; font-size: 16px;}
.mpic img{ width:140px; height:140px; position:absolute; left:15px; top:15px; border-radius:100%;}

.detail1{font-size: 16px; line-height: 24px; width:100%; float:left; margin:10px 0 0 0; height: 96px; overflow: hidden; color:#666}

.mpic_txt{ width:100%; float:left; font-weight:bold;font-size:16px; line-height:22px;color:#2882BD;}
.mpic_txt p{ font-size:18px; font-weight:bold; margin-bottom:5px;}
.menubox:hover .detail1,.menubox:hover .mpic_txt{ color:#fff;}

.foot{ float: left; width: 100%; background: #243b5a; padding:30px 0 }
.footmid{float: left; width:100%; float:left; text-align:center; display: inline;}
.cname{ color: #fff; line-height: 33px; font-size: 16px;}
.footnav{color: #fff; line-height: 33px; font-size: 16px;}
.footnav a{ color: #fff; margin: 0 42px 0 0;}
.copy{ float: left; width:100%; text-align:center; margin: 10px 0 0; line-height: 30px; color: #738194; font-size: 14px; }
/*index end*/


.topnavbg{ float: left;width: 100%; background:#eee;}
.topnav{ float: left; width: 100%;}
.topnav a{float: left; padding:0 50px; text-align: center; display: block; line-height: 50px; font-size: 14px; margin-right:5px;}
.topnav a.on,.topnav a:hover{ color: #fff; background:#3f99be;}
.activelist{ float: left; width: 100%; margin: 30px 0 0;}
.activelist li{ float: left; width: 100%;border: 1px solid #dcdcdc; min-height:170px;   position:relative; box-sizing:border-box; padding: 15px 20px; padding-left:250px;position: relative; margin-bottom:30px;}
.activelist li .activeimg{ width:220px; float:left; height:140px; position:absolute; top:15px; left:15px; overflow:hidden;}
.activelist li .activeimg img{ width:100%;}
.title1{font-size:20px; font-weight:bold; margin-top:10px; height:30px; line-height:30px;}
.title1 .pdfico{ display:inline-block; width:30px; height:30px; background:url(pdfico.png) left center no-repeat; background-size:20px 20px; margin-left:10px;}
.title1 a{ color: #666;}
.detail2{ color: #666; line-height: 25px; margin: 10px 0; font-size: 16px;}
.activelist li .more1{color: #3f99be;}
.date{ color: #999;font-size: 16px;}

.newslist{ width:100%; float:left; margin-top:30px;}
.newslist li{ float: left; width:380px; margin-right:30px; margin-bottom:30px;}
.newslist li:nth-of-type(3n){ margin-right:0;}
.newsimg{ width:380px; float:left;}
.newsimg img{ width:380px; height:252px;float:left; }
.newstitle{ width:100%; float:left; font-size:16px; height:30px; margin-top:5px; text-align:center; line-height:30px; overflow:hidden;}


/*公司*/
.companybg{ float: left; width: 100%; position: relative;}
.company_dl{ float: left; width: 100%;}
.company_dl dt{ float: right; width: 675px;}
.company_dl dd{ float: left;  margin: 62px 0 0; width: 496px;}
.title2{}
.title2 i{ display: block; font-size: 28px; line-height: 30px;font-family: brandontext-bold; color: #3f99be; text-transform: uppercase;}
.title2 span{ display: block; font-size: 20px;color: #3f99be; line-height: 28px;}
.title2 em{ display: block; width: 40px; border-bottom: 1px solid #3f99be; height: 20px;}
.detail3{ font-size: 13px; line-height: 24px; color: #666; margin: 20px 0 0;}
.corebg{float: left; width: 100%; background: #3f99be; padding: 50px 0; position: relative;}
.title3{ text-align: center; padding: 0 0 20px; float: left; width: 100%; color: #fff;}
.title3 i{ display: block; font-size: 28px; text-transform: uppercase;line-height: 30px;font-family: brandontext-bold;}
.title3 span{ display: block; font-size: 20px;line-height: 28px;}
.title3 em{ display: inline-block; width: 40px; border-bottom: 1px solid #fff; height: 20px;}
.core_list{ float: left; width: 606px;}
.core_list li{ float: left; width: 245px; height: 275px; background: #fff; padding: 6px 18px 0; position: relative; margin: 22px 22px 0 0;}
.lt{ position: absolute; left: 0; top: 0; background: url(lt.png) no-repeat; width: 7px; height: 7px;}
.rt{ position: absolute; right: 0; top: 0; background: url(rt.png) no-repeat; width: 7px; height: 7px;}
.lb{ position: absolute; left: 0; bottom: 0; background: url(lb.png) no-repeat; width: 7px; height: 7px;}
.rb{ position: absolute; right: 0; bottom: 0; background: url(rb.png) no-repeat; width: 7px; height: 7px;}
.coretop{ display: block; width: 100%; text-align: center; margin: 26px 0 0;}
.coretop i{ display: block; text-align: center; line-height: 48px; font-size: 18px;}
.detail4{line-height: 20px; height: 80px; overflow: hidden;}
.core_list1{ float: left; width: 584px;}
.core_list1 li{ float: left; width: 281px; position: relative; height: 281px; margin: 22px 22px 0 0;}
.core_list1 li.noright{ margin-right: 0;}
.core_list1 li img{ display: block; width: 281px; height: 281px;}
.yuan{ position: absolute;left: 0; top: 0; width: 281px; height: 281px; background: url(yuan.png) no-repeat;}
.visionbg{float: left; width: 100%; background: #f1f2f4; position: relative;}
.visiondl{ float: left; width: 100%;}
.visiondl dt{ float: right; width: 570px;}
.visiondl dd{float: left; width: 450px; margin: 40px 0 0;}
.detail5{ font-size: 13px; color: #666; line-height: 20px; margin: 18px 0 0; height: 40px; overflow: hidden;}
.massionbox{ float: left; width: 100%; padding: 50px 0; position: relative;}
.title4{ color: #3f99be; padding: 0 0 30px;}
.title4 em{border-bottom: 1px solid #3f99be; }
.massiondl{ float: left; width:100%;}
.massiondl dt{ float: left; width:585px;}
.massiondl dt img{ display: block; border-radius: 10px; height: 378px; width: 585px;}
.massiondl dd{ float: right; width: 586px;}
.massiondl li{ float: left; width: 100%;background: #3f99be; color: #fff; border-radius: 10px; margin: 0 0 6px; line-height: 90px;}
.massiondl li i{ float: left; width: 82px; text-align: center;  font-size: 40px; font-family: helvetica1; font-weight: bold;}
.massiondl li span{ float: left; width: 504px; font-size: 13px;}
.massiondl li.grey{background: #eee;}
.massiondl li.grey i{ color: #3f99be;}
.massiondl li.grey span{color: #666;}
.systembox{ float: left; width: 100%; background: #eee; padding: 50px 0; position: relative;}
.title5{font-size: 20px; color: #333;padding: 15px 0 30px;}
.syspic{ text-align: center; }
.syspic img{ max-width: 100%;}
.getp{ position: absolute; left: 0; top: 0; display: block;}
.floatbox_top { position:fixed; _position: absolute; z-index: 9000; top:0px;  _top:expression(eval(document.body.scrollTop||document.documentElement.scrollTop)); margin:0; }
/*公司 end*/

.nbanner,.nbanner img{ width:100%; float:left;}
.whitbg{ float: left; width: 100%; padding: 50px 0;}
.title6{ text-align: center; line-height: 40px; font-size: 30px; margin: 0 0 20px; font-weight:bold; color:#3f99be}
.title6 span{ display: inline-block; padding: 0 252px; background: url(line.gif) repeat-x 0 center;}
.title6 i{display: inline-block; padding: 0 20px; background: #fff;}
.detail6{line-height: 28px; font-size: 16px; }
.greybg{ float: left; width: 100%; padding: 50px 0; background: #eee;}
.greybg .title6 i{ background: #eee;}
.traslist{ float: left; width: 1215px;}
.traslist li{ float: left; width: 380px; margin-right: 25px;}
.traslist li img{ display: block; width:380px ; height: 238px; vertical-align: bottom;}
.target_tit{ width:100%; float:left; font-size:16px; text-align:center; font-weight:bold; margin:5px 0 10px 0; line-height:25px;}
.target_txt{ width:100%; float:left; font-size:16px;line-height:25px; text-align:center;}
.weibiao{ float:left; width:360px;}
.weibiao_txt{ width:820px; float:right; font-size:16px;}

.suggest_dl{ float:right;margin:40px 0;}
.suggest_dl dt{ float: left; width: 454px;}
.suggest_dl dt img{ display: block; width: 454px; height: 342px; vertical-align: bottom;}
.suggest_dl dd{ float: right; width: 594px;}
.input,.textarea{ width:560px; border: 1px solid #dcdcdc; border-radius: 5px; height: 48px; line-height: 48px; padding: 0 16px; font-size: 13px;font-family:"\5FAE\8F6F\96C5\9ED1"; color: #999; margin:0 0 10px;}
.textarea{ line-height: 22px; padding: 13px 16px; height: 88px; }
.submitbtn{ line-height: 40px; background: #3f99be; height: 60px; width: 594px; font-size: 18px;font-family:"\5FAE\8F6F\96C5\9ED1"; border:medium none; border-radius: 5px; color: #fff; cursor: pointer;}

.contactlist{ float: left;  margin:40px 0;width: 502px;}
.contactlist li{ float: left; width: 502px; height: 303px; border: 1px solid #dcdcdc; padding: 0 30px 0 50px;}
.contactlist li dd{ float: left; width: 380px;}
.title7{ font-size: 20px; color: #3f99be; margin: 30px 0 10px; line-height: 38px;}
.detail7{ font-size: 14px; line-height: 35px; color: #666;}

.infomsg_tit{ width:100%; float:left; margin:10px 0 20px; font-size:18px; font-weight:bold; text-align:center; line-height:30px;}
.infomsg_txt{ width:100%; float:left;  font-size:16px; line-height:30px; text-align:center; margin-bottom:20px;}
.infomsg_txt img{ max-width:100%; height:auto}
.infomsg_content{ width:100%; float:left;  font-size:16px; line-height:30px; text-align:center; padding-bottom:30px;}
.infomsg_content img{ max-width:100%; height:auto; margin-bottom:20px;}
/*share*/
.yahei{ font-family:"\5FAE\8F6F\96C5\9ED1";} 
.div_clear {clear: both; font-size: 0; height: 0; line-height: 0; overflow: hidden; width: 100%; margin:0; padding:0;}
.wrap{margin:0 auto; width:1200px;}
.fl{ float:left;}
.fr{ float:right;}
.fl100{ float:left; width:100%;}
/*share end*/