@charset "utf-8";
/* CSS Document */
@import url('base3.5.css');
body{font-family:'Microsoft YaHei';}
.boxwrap{ margin:0 auto;width: 1200px;_width:1190px; height:auto;  text-align:left; overflow:hidden;padding:0; position:relative;}
.boxwrap:after{clear:both;content:".";display:block;height:0;visibility:hidden;}

body{font-family:'Microsoft YaHei';font-size:14px;}
.section{margin:0 auto;width: 1200px;_width:1200px; height:auto;  text-align:left; overflow:hidden;padding:0; position:relative;}
.section:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.center{text-align:center}.mt8{margin-top:8px}
.section .title{font-size:32px!important;color:#444;text-align:center}
.section .ftitle{font-size:17px;text-align:center}
.section p{padding:0 10%}
.section h1{font-size:36px;}
.container{text-align:center}
.container i{font-size:100px}
.container .col{width:50%;padding:0 5%;margin-left:0;float:left;margin-bottom: 20px;}
.container .col .teal-text{color:#5babe6!important}
.container .col h2{font-size:3.56rem;line-height:110%;margin:1.78rem 0 1.424rem}
.container .col h5{font-size:23px;line-height:110%;margin:11px 0 9px;font-weight:400;color:#333}
.service-description{font-size:15px}
.project-description,.service-description{color:#666;line-height:2em}
/**proshow*/
#section-proshow-wrap{background:url(../images/homepage-news-banner-1-3.jpg);height:722px}
#section-proshow .ftitle,#section-proshow .title{color:#fff}
#section-proshow .pic{width:768px;float:left}
.con{width:432px;float:left;text-align:left;font-size:17px;color:#fff}
.feature a{width:20%;float:left;background:#5ca3d9;border-radius:4px;color:#fff;text-align:center;margin-right:15px;font-size:15px;padding:6px 2px}
#section-proshow .con p{padding:0;line-height:38px}
/**cases*/
#section-cases{position:relative;}
#section-cases .pics li{width:180px;height:78px;float:left;margin: 0 10px 0 35px;}
#section-cases .container{position:relative;}
.pics{margin-left:50px;}
.right-arrow{background-image:url(../images/right-arrow.png);background-size:cover;width:16px;height:35px;top:20px;right:0;position:absolute;float:right}
.left-arrow{background:url(../images/left-arrow.png);width:16px;height:35px;top:20px;left:0;position:absolute;float:left}

.section-contact-wrap {background:#444444;}
.section-contact-wrap  .ftitle,.section-contact-wrap  .title{color:#fff}
.mobiles{width:650px;margin:0 auto;}
.mobiles li{background:#5ba3d9;float:left;margin-right:30px;font-size:25px; color:#fff; padding:10px 16px;}
.mobiles li.li2{margin-right:0;}

.wk_blog_tab{width:100%;height:65px;background:url(../images/about_line.jpg) repeat-x left bottom;overflow:hidden;clear:both}
.wk_blog_tab ul{width:100%;text-align:center;margin:0 auto;overflow:hidden}
.wk_blog_tab ul li{display:inline;text-align:center}
.wk_blog_tab ul li a{font-size:16px;line-height:62px;color:#333;display:inline-block;padding:0 6px;margin:0 15px;text-decoration:none}
.wk_blog_tab ul li .a,.wk_blog_tab ul li a:hover{color:#DE262E;border-bottom:3px solid #DE262E}
.who h1{font-size:28px;color:#333;font-weight:400;text-align:center;margin-top:50px}
.who p{margin:0 auto;overflow:hidden;line-height:30px;font-size:14px;color:#333;margin-top:30px}
.main_about .bottom dl dt h2{font-size:18px;line-height:32px;color:#333;font-weight:400}
.project_gray{background:#f6f6f6;overflow:hidden}
.project{width:1230px;overflow:hidden}
.project .about_title{width:100%;text-align:center}
.project .about_title h1{font-size:28px;color:#333;line-height:35px;margin:15px 0;font-weight:400}
.project .about_title span{font-size:16px;color:#666}
.project_con{width:100%;overflow:hidden;clear:both;margin:50px auto}
.project_con dl{width:380px;float:left;font-size:14px;margin:15px;overflow:hidden;color:#333;line-height:26px}
.project_con dl dd{height:240px;margin-bottom:12px;padding:1px;transition:box-shadow 218ms}
.project_con dl dd:hover{background-color:#ccc;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}
.project_con dl dd a{display:block;width:100%;height:100%}
.project_con dl dt a{margin-right:25px;display:inline-block;line-height:24px;color:#333}
.project_con dl dt a:hover{color:#24b727}
.team_box{overflow:hidden}
.team{width:1200px;margin:0 auto;lear:both;overflow:hidden}
.team h1{text-align:center;font-size:28px;line-height:30px;margin-bottom:30px;color:#333;font-weight:400}
.team .top{width:995px;margin:0 auto}
.team .top p{font-size:14px;line-height:28px;text-align:left}
.team_con{width:100%;clear:both;overflow:hidden;margin:50px auto}
.team_con .left_cor{width:66.6%;float:left}
.team_con .left_cor .boxgrid{width:50%;height:220px;border:1.5px solid #FFF;float:left;overflow:hidden;position:relative;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;background-position:center top}
.team_con .left_cor .boxgrid img{position:absolute;top:0;left:0;border:0}
.team_con .left_cor .boxgrid .cover{position:absolute;background:#000;height:220px;width:100%;opacity:.7;filter:alpha(Opacity=70);-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"}
.team_con .left_cor .boxgrid .cover{top:220px;left:0}
.team_con .left_cor .boxgrid .cover h3{font-size:14px;color:#FFF;line-height:40px;text-align:left;margin-left:15px}
.team_con .right_cor{width:33.3%;float:right;margin-top:1px}
.team_con .right_cor .boxgrid{width:100%;height:438px;overflow:hidden;position:relative;background-position:center top}
.team_con .right_cor .boxgrid img{position:absolute;top:0;left:0;border:0}
.team_con .right_cor .boxgrid .cover1{position:absolute;background:#000;height:438px;width:100%;opacity:.7;filter:alpha(Opacity=70);-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"}
.team_con .right_cor .boxgrid .cover1{top:438px;left:0}
.team_con .right_cor .boxgrid .cover1 h3{font-size:14px;color:#FFF;line-height:40px;text-align:left;margin-left:15px}
.week_job{width:1140px;margin:0 auto}
.week_job .top{overflow:hidden;text-align:center;color:#666;font-size:16px}
.week_job .top h1{font-size:28px;line-height:35px;color:#333;margin-bottom:15px;margin-top:75px;font-weight:400}
.week_job .con{overflow:hidden;margin-top:50px}
.week_job .list{float:left;width:315px;color:#333;line-height:26px;margin-right:97px}
.week_job .list.last{margin:0}
.week_job .list h2{font-size:20px;margin-top:25px;font-weight:400}
.week_job .list strong{font-size:14px;display:inline-block;margin-top:20px}
.week_job .list ul{overflow:hidden}
.week_job .bottom{text-align:center;clear:both;overflow:hidden;margin:65px auto;font-size:20px}
.week_job .bottom a{background:#ee302f;color:#FFF;font-size:24px;display:inline-block;line-height:50px;padding:0 40px;margin-top:15px;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border-radius:2px}
.week_job .bottom a:hover{background:#d90100}
.week_follow{width:100%;border-top:1px solid #e2e2e2;padding-top:80px;text-align:center}
.week_follow_kd{width:1140px;margin:0 auto}
.week_follow h1{font-size:28px;color:#333;line-height:30px;font-weight:400}
.week_follow ul{width:auto;overflow:hidden;margin:30px auto 70px auto}
.week_follow ul li{width:120px;display:inline-block;margin:0 10px}
.week_container{margin:0 auto;padding:0 12px;max-width:1164px;min-width:1024px}
.week_contact{width:100%;min-width:1024px}
.contact-ways{overflow:hidden}
.contact-ways li{float:left;width:33%;height:420px;border-left:1px solid #E9E9E9}
.contact-ways li:last-child{border-right:1px solid #E9E9E9}
.contact-ways li a,.contact-ways li a:hover{display:block;padding:88px 0;text-align:center;text-decoration:none}
.contact-ways li h4{font-size:16px;color:#666;line-height:30px;margin:0;font-weight:100}
.contact-ways li p.cway-txt{font-size:30px;line-height:50px;color:#121212}
.contact-ways li:hover p.cway-txt{color:#DE262E}
.contact-ways li a i{margin:0 auto 20px;display:block;width:128px;height:128px;background-color:#f8f8f8;border-radius:64px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-webkit-tap-highlight-color:transparent}
.contact-ways li a:hover i{background-color:#DE262E;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-webkit-tap-highlight-color:transparent}
.contact-ways li a i.i-phone{background-image:url(../images/icon_phone.png);background-size:128px;background-repeat:no-repeat;background-position:0 0}
.contact-ways li a:hover i.i-phone{background-position:0 -128px}
.contact-ways li a i.i-qq{background-image:url(../images/icon_qq.png);background-size:128px;background-repeat:no-repeat;background-position:0 0}
.contact-ways li a:hover i.i-qq{background-position:0 -128px}
.contact-ways li a i.i-mail{background-image:url(../images/icon_mail.png);background-size:128px;background-repeat:no-repeat;background-position:0 0}
.contact-ways li a:hover i.i-mail{background-position:0 -128px}
.week_weixin{background:url(../images/bg_weixin.jpg) no-repeat center;background-size:cover;background-attachment:fixed;padding:80px 0}
.week_weixin h3{margin:0 auto;font-size:32px;width:60%;line-height:1.75;text-align:center;color:#FFF;font-weight:400}
.week_weixin p{margin:0 auto 20px;font-size:16px;width:80%;line-height:1.75;text-align:center;color:#eee}
.week_weixin-p img{display:block;margin:0 auto;width:160px;height:160px}
.week_weixin p span{display:inline-block;margin:0 20px}
.week_map{position:relative;height:520px;min-width:1024px;margin-bottom:-5px}
.who{width:1180px;margin:0 auto;overflow:hidden;text-align:left}
.main_about .bottom dl{width:31%;margin:0 1.1%;float:left;text-align:center}
.main_about .bottom dl dd{margin-bottom:10px}
.main_about .bottom dl dt h2{font-size:16px;line-height:32px;color:#333;font-weight:400}
.main_about .bottom{width:1180px;margin:70px auto 90px auto;overflow:hidden}
.week_job .list{float:left;width:315px;color:#333;line-height:26px;margin-right:97px}
.week_job .list.last{margin:0}
.area .con{color:#000;width:1150px}
.week_job .list{float:left;width:315px;color:#333;line-height:26px;margin-right:97px;float:left}
.week_job .list.last{margin:0}
.section_banner{background:url(../images/banner22.jpg);height:450px;position:relative;text-align:center;width:100%}
.banner_team{background:url(../images/banner_about.jpg);height:300px}
.portal_block_summary li{font-size:13px}

.yrpc-pc{width:1200px;/* padding-bottom:74px; */margin:0 auto;overflow:hidden;position:relative;}
.yrpc-pc-h{width:100%;height: 74px;margin: 52px auto 20px auto;overflow:hidden;position:relative;background:url(../images/yrpc_h_bg.png) no-repeat center;}
.yrpc-pc-h h4{ display:block; width:314px; text-align:center;  margin:18px auto; font-size:24px; color:#000; overflow:hidden; position:relative;}
.yrpc-pc-h span{ display:block; width:30px; height:2px; margin:12px auto 0 auto; background:#000; }
.yrpc-pc-b{ width:100%; text-align:center; overflow:hidden; position:relative; margin-top:20px;}
.yrpc-pc-b span{ display:block; width:150px; height:40px; overflow:hidden; position:relative; cursor:pointer; margin:0 auto;}
.yrpc-pc-c{width:100%;margin:0 auto;height:578px;position:relative;/* overflow:hidden; */background:url(../images/yrpc-pc-bg.png) repeat-y center top;}
.yrpc-pc-l{ width:300px; height:100%; overflow:hidden; position:relative; transition:all 0.3s ease; float:left; }
.yrpc-pc-l h4{ font-size:16px; line-height:16px; color:#000; font-family:'黑体'; margin:30px 0 22px 20px; font-weight:bold; transition:all 0.3s ease;}
.yrpc-pc-l p{ width: 265px; font-size:14px; line-height:22px; color:#666666;  margin:0 0 26px 20px; transition:all 0.3s ease; }
.yrpc-pc-l h5{ font-size:14px; line-height:14px; color:#666666;margin:0 0 26px 20px; font-family:'arial'; transition:all 0.3s ease; }
.yrpc-pc-r{float:right;overflow:hidden;width:250px;height: 156px;margin-top: 16px;}
.yrpc-pc-r img{ width:100%;height: 100%;}
.yrpc-pc-c ul li:hover .yrpc-pc-l{ background:#00a0e9;}
.yrpc-pc-c ul li:hover .yrpc-pc-l h4 a{ color:#fff;}
.yrpc-pc-c ul li:hover .yrpc-pc-l p{ color:#fff;cursor:pointer;}
.yrpc-pc-c ul li:hover .yrpc-pc-l h5{ color:#fff;}
.yrpc-close{ width:30px; height:30px; overflow:hidden; z-index:1; position:absolute; left:50%; margin-left:-15px; bottom:0px; display:none; transition:all 0.3s ease;}
.yrpc-close-c{ width:100%; height:100%; overflow:hidden; position:relative}
.yrpc-close span,.yrpc-close b{display:block; width:30px; height:30px; cursor:pointer; transition:all 0.3s ease; position:absolute; left:0; top:0; }
.yrpc-close span{background: url(../images/btn-box-bottom-hover.png) no-repeat center; z-index:1;}
.yrpc-close b{ background: url(../images/btn-box-top-hover.png) no-repeat center;}
.yrpc-pc-c:hover .yrpc-close{ display:block;}
.yrpc-pc-left{width:550px;height:428px;overflow:hidden;position:relative;margin-top:26px;}
.yrpc-pc-left .bd{height:428px;/* overflow:hidden; */}
.yrpc-pc-left ul{ width:120%; height:428px;}
.yrpc-pc-left ul li{width:550px;margin-bottom:56px;height: 156px;overflow:hidden;position:relative;transition:all 0.3s ease;background:#f9fafc;cursor:pointer;}
.yrpc-pc-c li a{font-family:'Microsoft Yahei'}
.yrpc-pc-right{ width:550px; height:428px; overflow:hidden; position:relative; margin-top:114px;}
.yrpc-pc-right ul{ width:120%;}
.yrpc-pc-right ul li{width:550px; margin-bottom:56px; height:186px; overflow:hidden; position:relative; transition:all 0.3s ease; background:#f9fafc;}

.picScroll-hd  .title{font-size: 26px!important;color: #fff;text-align:center;}
.picScroll-hd  .ftitle{font-size: 16px;text-align:center;margin-top:8px;color: #fcfcfc;}
.picScroll-left{width: 1200px;margin:0 auto;overflow:hidden;position:relative;}
.picScroll-left .hd{height:30px;padding:0 10px;position:relative;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{position:absolute;display:block;width:16px;height:35px;cursor:pointer;background:url("../images/left-arrow.png") no-repeat;z-index: 9999;}
.picScroll-left .hd .next{right: 0px;top: 60px;background: url(../images/right-arrow.png) no-repeat;}
.picScroll-left .hd .prev{top: 60px;background:url(../images/left-arrow.png);cursor: pointer;}
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{padding:10px;width:1132px;margin-left: 15px;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{margin:0 8px;float:left;_display:inline;overflow:hidden;text-align:center;  margin: 0 10px 0 35px;}
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{width:180px;height:78px;display:block;padding:2px;}
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;   }
.case-wrap{background: #5babe6;overflow:hidden;height:auto;}

.boxwrap {margin: 0 auto;width: 1200px;_width: 1200px;height: auto;text-align: left;overflow: hidden;padding: 0;position: relative;}
.box509-wrap{background-color:#f6f6f6;padding-top:20px}
.box509 .tit-i{text-align:center;/* padding: 30px 0; *//* line-height: 30px; */overflow:hidden;padding-bottom: 115px;}
.box509 .tit-i h3{font-size: 28px;color: #333333;font-weight:500;}
.box509 .tit-i h5{font-size: 13px;color:#999;text-transform:uppercase;font-family:Arial;font-weight:normal;padding-top:10px;}
.box509 li{width:25%;float:left;text-align:center;margin-bottom: 20px;}
.box509 li .small_box img{width:80px; height:80px;}
.box509 li .small_box span{display:block;font-size: 20px;}


body{font-family:'Microsoft YaHei';font-size:14px}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.text-center{text-align:center}
.center-block{display:block;margin-right:auto;margin-left:auto}
.box503-wrap h1{font-size: 28px;font-family:inherit;color: #333;font-weight:500;margin-bottom: 110px;}
.box503{max-width: 1140px;margin:auto;list-style:none;overflow:hidden;}
.box503 li{width:25%;float:left}
.box503 li .small_box{width:100%;text-align:center}
.box503 li .small_box span{display:block;padding-top:20px;font-size:16px}
.box503{width:100%;}
.box503 ul li{width: 300px;float:left;margin:10px 39.5px;background:#fff;height:321px;padding:35px;overflow:hidden;}
.box503 ul li .iconbox{width: 140px;height: 180px;margin:0 auto;text-align:center;position:relative;background: url(../images/app-info.png)  0  0 no-repeat;}
.box503 ul li .iconbox2 {background: url(../images/app-info.png)  -700px 0 no-repeat;}
.box503 ul li .iconbox3 {background: url(../images/app-info.png)  -420px 0 no-repeat;}
.box503 ul li .servicehd{font-size: 20px;color:#444;text-align:center;margin-bottom: 15px;}
.box503 ul li .servicetxt{font-size: 14px;color:#999;line-height: 24px;}

.banner-app{background: url(../images/banner223.jpg) bottom center no-repeat;height: 550px;}