@charset "utf-8";
/* CSS Document */
*{font-family:Arial,'Microsoft YaHei'; margin:0; padding:0;}
body{ font-size:14px; color:#505050; background:#FFF;}
ul,li{ margin:0; padding:0; list-style:none; list-style-type:none;}
img,h2,p{ margin:0; padding:0; border:0;}
a{color:#505050; text-decoration:none; }
a:hover{ text-decoration:underline; color:#0271c6;}
.center{ width:1000px; margin:0 auto;}
.l{ float:left;}
.r{ float:right;}
.clear{ clear:both;}
.ml20{ margin-left:20px;}
.mt20{ margin-top:20px;}
.ellipsis { white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}


/* 头部 */
.header{ width:100%; height:100px; overflow:hidden;}
.header .logo{ display:block; height:50px; margin-top:25px; overflow:hidden;}
.header .tel{ height:40px; margin-top:30px; line-height:22px; overflow:hidden;}
.header .tel span{ font-size:22px; color:#cc0000; font-weight:bolder;}
.header .tel .ml14{ margin-left:14px; margin-top:-4px;}

/* 导航 */
.nav{ width:100%; height:50px; line-height:50px; background:#0271c6;}
.nav ul li{ float:left;}
.nav ul li a{ display:block; height:50px; line-height:50px; font-size:16px; font-weight:bolder; color:#FFF; padding:0 38px; text-decoration:none;}
.nav ul li a:hover,.nav ul li a.on{ background:#1255a6;}

/* 底部 */
.footer{ width:100%; border-top:4px solid #0271c6;text-align:center; font-size:12px; padding:12px 0; line-height:20px;}

/* 轮播图 */
/* banner style */
.banner{position:relative; width:100%; height:400px;overflow:hidden;background:#f8f8f8 url(../images/loading.gif) 50% no-repeat;}
.banner .slides{position:relative;z-index:1;}
.banner .slides li{height:450px;}
/* 小圆点 */
.banner .flex-control-nav{position:absolute;bottom:20px;z-index:2;width:100%;text-align:center;}
.banner .flex-control-nav li{display:inline-block;width:14px;height:14px; margin:0 5px; *display:inline; zoom:1;}
.banner .flex-control-nav a{display:inline-block;width:14px;height:14px; background:#FFF; color:#FFF; border-radius:10px; overflow:hidden;cursor:pointer; opacity:0.5;filter:alpha(opacity=50);}
.banner .flex-control-nav .flex-active{ background:#FFF; opacity:1;filter:alpha(opacity=100);}
/* 左右按钮 */
.banner .flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.banner .flex-direction-nav li a{display:block;width:46px;height:46px;overflow:hidden;cursor:pointer;position:absolute; left:50%;}
.banner .flex-direction-nav li a.flex-prev{background:url(../images/icon.png) no-repeat; background-position:0 -75px; margin-left:-556px;}
.banner .flex-direction-nav li a.flex-prev:hover{background-position:-94px -75px;}
.banner .flex-direction-nav li a.flex-next{background:url(../images/icon.png) no-repeat; background-position:-47px -75px; margin-left:510px;}
.banner .flex-direction-nav li a.flex-next:hover{background-position:-141px -75px;}

/* 小图标 */
.icon{ display:inline-block; width:18px; height:18px; background:url(../images/icon.png) no-repeat; vertical-align:text-bottom; margin-right:5px;}
.icon_aboutus{ background-position:0 0; margin-top:10px;}
.icon_product{ background-position:-18px 0; margin-top:10px;}
.icon_per{ background-position:-36px 0 ; margin-right:10px;}
.icon_call{ background-position:-54px 0 ; margin-right:10px;}
.icon_email{ background-position:-72px 0 ; margin-right:10px;}
.icon_place{ background-position:-90px 0 ; margin-right:10px; vertical-align:top;}

.icon_p{ display:inline-block; width:48px; height:48px; background:url(../images/icon.png) no-repeat; margin-top:20px;}
.icon_p1{ background-position: 0 -22px;width: 55px;}
.icon_p2{ background-position: -55px -20px;}
.icon_p3{ background-position: -103px -21px;}
.icon_p4{ background-position: -151px -20px;}

/* 公用标题 */
.tit{ width:100%; height:44px; line-height:44px; background:url(../images/line.png) repeat-x bottom left;}
.tit span{ display:inline-block; color:#bcbcbc; font-size:14px; float:left;}
.tit span em{ font-size:16px; color:#171717; font-weight:bolder; font-style:normal;padding-right:5px;}
.tit a{ display:inline-block; font-size:12px; text-align:right; float:right;}

/* 首页关于我们 */
.aboutus{ width:718px; height:280px; overflow:hidden; }
.aboutus .con{ width:718px;}
.aboutus .con .txt{ display:block; margin:10px 5px 0 0; width:324px; height:214px; text-align:justify; text-justify:inter-ideograph;}
.aboutus .con .txt h2{ line-height:40px; color:#0271c6; text-align:center;}
.aboutus .con .txt p{ line-height:26px; text-indent:2em;}
.aboutus .con .img{ display:block; margin-left:10px; margin-top:20px;}

/* 首页联系我们 */
.callus{ width:262px; height:280px; overflow:hidden;}
.callus .titc{ width:100%; height:90px; background:#0271c6; border-radius:5px 5px 0 0; color:#9dd5ff;}
.callus .titc img{ display:block; width:76px; height:56px; margin:17px 10px 0 25px;}
.callus .titc span{ display:block; font-size:16px; margin-top:20px;}
.callus .titc span em{ font-style:normal; font-weight:bolder; font-size:22px;}
.callus .conc{ border:1px solid #e3e3e3; border-top:0; height:189px; overflow:hidden;}
.callus .conc ul{}
.callus .conc ul li{ border-bottom:1px solid #e3e3e3; padding:11px 15px;}
.callus .conc ul li span{ display:inline-block; width:200px;}
.callus .conc ul li.no_border{ border:0;}

/* 产品中心 */
.product{ width:100%; height:244px; overflow:hidden;}
.product .con{ width:100%;}
.product .con ul{ margin-left:-20px; margin-top:20px; *zoom:1;_position:relative;}
.product .con ul li{ float:left;}
.product .con ul li a{ width:233px; height:178px; border:1px solid #e3e3e3; background:#f7fbfe; float:left; margin-left:20px; text-align:center;}
.product .con ul li a:hover{ background:#e0f0fc; text-decoration:none;}
.product .con ul li a h2{ color:#0271c6; font-size:16px; margin-top:12px;}
.product .con ul li a p{ color:#505050; font-size:12px; padding:10px 20px 0; text-align:center;}


/* 内页banner */
.banner_con{ width:100%; height:160px; background:#f8f8f8 url(../images/banner_con.jpg) no-repeat center top;}

/* 左侧菜单 */
.menu{ width:260px; }
.menu .menutit{ width:100%; height:84px; background:url(../images/menutitbg.jpg) no-repeat; text-align:right; color:#FFF; font-size:14px;}
.menu .menutit span{ display:inline-block; padding-top:18px; line-height:28px; padding-right:20px;}
.menu .menutit span em{ font-style:normal; font-weight:bolder; font-size:24px;}

.menu ul{ margin-top:10px;}
.menu ul li a{ display:block; width:258px; height:38px; line-height:38px; border:1px solid #CCC; margin-top:5px; background:#f9f9f9; text-decoration:none;}
.menu ul li a i{ display:inline-block; width:18px; height:18px; background:url(../images/icon.png) no-repeat; background-position:0 -123px; vertical-align:middle; margin-left:25px; margin-right:15px;}
.menu ul li a:hover,.menu ul li a.on{ background:#0271c6; width:260px; height:40px; border:0; color:#FFF;}
.menu ul li a:hover i,.menu ul li a.on i{ background-position:-18px -123px;}

/* 诚聘英才 */
.contab{ width:640px;}
.contab{ width:640px; height:auto; text-align:left}
.contab li{margin-bottom:4px;border:1px solid #CCC}
.contab li h2{ height:50px; line-height:50px; padding-left:20px; font-size:18px; color:#0271c6; cursor:pointer}
.contab li h2 i{ display:inline-block; width:17px; height:10px; margin-top:20px; margin-right:20px; background:url(../images/icon.png) no-repeat; background-position:-36px -123px; float:right;}
.contab li h2.on i{background-position:-36px -133px; }
.contab li .content{background:#fafafa; padding:0 20px;}
.contab li .content h3{ font-size:14px; padding:10px 0;}
.contab li .content p{ line-height:24px; padding:0 10px 10px;}

/* 列表内容公用标题 */
.protit{color:#757575; font-weight:bolder; font-size:36px; text-align:center; width:100%; margin-bottom:40px; }
.protit span{ color:#0271c6; font-size:34px; background:#FFF; padding: 0 20px;}
.protit .hr{width:100%; height:10px; background:url(../images/line.png) repeat; border:0; margin-top:-24px;}

/* 产品中心 */
.pro{ width:1000px; margin:20px auto 0; background:#FFF;}
.pro .pronav{ height:44px; width:322px; margin:0 auto 30px;border:1px solid #CCC; border-right:0;}
.pro .pronav li a{ display:block; float:left; height:44px; line-height:44px; width:160px; text-align:center; font-size:18px; border-right:1px solid #CCC;text-decoration:none;}
.pro .pronav li a:hover,.pro .pronav li a.on{ background:#0271c6; color:#FFF; }
.pro .prolist{ margin-left:-20px;}
.pro .prolist li a{ display:block; width:197px; border:1px solid #e3e3e3; background:#f7fbfe; float:left; margin:0 0 20px 20px; text-align:center; padding:20px 18px;}
.pro .prolist li a img{ width:48px; height:48px;}
.pro .prolist li a h2{ color:#0271c6; font-size:16px; padding:15px 0 10px 0;}
.pro .prolist li a p{ text-align:center; font-size:12px; color:#505050;}
.pro .prolist li a .p1 {text-align: left;}
.pro .prolist li a:hover{ text-decoration:none; border:1px solid #0271c6;}
.pro .procon{ width:960px; margin:0 auto; padding:20px; }
.pro .procon h2{ text-align:center; font-size:30px; line-height:60px; color:#0271c6;}
.pro .procon p{ line-height:24px;text-align:justify; text-justify:inter-ideograph; text-indent:2em; color:#505050; padding-top:14px;}
.procon img { margin: 10px 0; }
.pro .procon .text-small{ font-size: 14px;text-align: center;text-indent: initial;}

.page{ width:100%; text-align:center; margin-top:30px; margin-bottom:10px;}
.page a { display:inline-block; border:1px solid #e6e6e6; color:#232323; margin-right:5px; padding:2px 5px;}
.page a:hover{ border:1px solid #107ad1; background:#107ad1; color:#FFF;}
.page .current {display:inline-block; border:1px solid #107ad1; background:#107ad1; color:#FFF; margin-right:5px; padding:2px 5px;}
.page .disabled {display:inline-block; border:1px solid #e6e6e6; color: #e6e6e6; margin-right: 5px; padding: 2px 5px;}


/* 公司简介 *//* 联系我们 */
.company .map{height:300px;width:1000px; margin-top:40px;}
.company .usbox{padding:30px 20px; margin-top:30px; margin-bottom:10px; line-height:20px; font-size:14px;  height:40px; float:left; border:1px solid #0271c6; color:#FFF; background:#0271c6;}
.company .usbox img{ float:left;}
.company .usbox span{display:inline-block; float:left; padding-left:10px; }

.company .usbox1{ width:348px;}
.company .usbox1 span{ width:300px; }

.company .usbox2{ width:198px;}
.company .usbox2 img{padding-top:2px;}
.company .usbox2 span{width:150px;}

.company .usbox3{width:288px;}
.company .usbox3 img{ padding-top:6px;}
.company .usbox3 span{width:240px; }

.company h2{ font-size:24px; font-weight:normal; margin-top:20px;}
.company .solid{ width:53px; margin:10px 0; border:none; border-top:3px solid #028BCF; height:0;}
.company p{ line-height:24px; text-align:justify; text-justify:inter-ideograph; padding-top:14px;}

/* 首页产品中心 */
.icon_img { display:inline-block; width:48px; height:48px;  margin-top:20px;}
.icon_img1{ background:url(../images/icon-finance.png) no-repeat;background-size: 100%;}
.icon_img2{ background:url(../images/icon-socialse.png) no-repeat;background-size: 100%;}
.icon_img3{ background:url(../images/icon-medicine.png) no-repeat;background-size: 100%;}
.icon_img4{ background:url(../images/icon-economics.png) no-repeat;background-size: 100%;}