@charset "utf-8";
/*固定CSS样式*************************************************************/
body{font-size:16px; background:#FFF; font-family:微软雅黑, Arial; margin: 0px; padding: 0px; color:#222; line-height:2.0;}
ul,li,ol,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,address,footer,header,article,img,nav{margin: 0px; padding: 0px;line-height:2.0; list-style-type: none; border: none; font-weight:400;}
h2,h3{font-weight:bold;}
input,select,textarea {font-family:微软雅黑, Arial; font-size:16px; border:#E5E5E5 solid 1px; padding:5px; border-radius:3px; color:#333; cursor:pointer;}
img{border: none; text-align:left;}
div{margin-left:auto; margin-right:auto;}
.clear{clear:both; font-size:0px; visibility:hidden; overflow:hidden; line-height:0px; height: 0px;}
.page{margin:10px 20px; text-align:center;}

/*引用自己的字体
@font-face{font-family:'MyCustomFont'; src:url('font/ling.woff2') format('woff2'), url('font/ling.woff')format('woff'); font-weight:normal; font-style:normal;}*/

/*友情链接CSS样式*************************************************************/
a:link {font-size:16px; color:#222; line-height:2.0; font-family:微软雅黑, Arial; text-decoration:none;}
a:visited {font-size:16px; color:#222; line-height:2.0; font-family:微软雅黑, Arial; text-decoration:none;}
a:hover {font-size:16px; color:#F00; line-height:2.0; font-family:微软雅黑, Arial; text-decoration:none}

a.t12px:link {font-size:12px; color:#CCC; text-decoration:none;}
a.t12px:active {font-size:12px; color:#CCC; text-decoration:none;}
a.t12px:visited {font-size:12px; color:#CCC; text-decoration:none;}
a.t12px:hover {font-size:12px; color:#FFF; text-decoration:underline}

/*总体框架CSS样式*************************************************************/
.page100{width:100%;}
.pagehome {width:1350px;}
.leftpage{width:40%; float:left;}
.rightpage{width:56%; float:right; text-align:left;}
.vpagehome{margin-bottom:50px; margin-top:50px;}
.floatleft{float:left;}
.floatright{float:right;}

.top_top{display: block; clear: both; position:fixed; z-index:9999; height:92px; width:100%; background:#FFF; box-shadow:0 3px 6px #999;}
.head{width:95%; height:92px; overflow:hidden;}
.logo{float:left; width:380px; height:90px;}
.nav{width:auto; float:right; width:auto; height:90px;}
.nav a{float:left; font-size:18px; width:110px;line-height:90px;}
.nav a:hover{font-size:18px; width:110px; text-decoration:none;line-height:90px; font-weight:bold;}
.nav b{ font-size:20px; font-weight:bold; color:#03245c; line-height:90px}

.titles{text-align:center; margin:30px 0px 20px 0px;}
.titles big{font-size:34px; font-weight:900;}
.titles small{font-size:18px; color:#777;}
.titles text{font-size:18px; color:#DDD;}
.fontcolor{color:#FFF;}
.fontcolor_ccc{color:#CCC;}
.fontcolor_red{color:red;}

.cases{height:1100px; padding-top:15px; background:url(/index/images/bg_assess.png) #3351a3; background-size:cover;}
.casesimg{float:left; width:23%; margin:1%; height:140px; background:#FFF;}
.casesimg:hover{box-shadow:1px 1px 6px 6px #444; transform: translateY(3px);}
.btn{width:250px; height:40px; background:#0b75d9; border:none; line-height:40px; color:#FFF; text-align:center; margin-top:15px; border-radius:2px;}
.bigbtn{width:400px; height:60px; background:#0b75d9; border:none; line-height:60px; font-size:18px; color:#FFF; text-align:center; margin-top:15px; border-radius:2px; margin-bottom:30px;}

.bottom{background:#373f5e;}
.bottom small{font-size:14px; color:#CCC;}
.bottom_list{float:left; width:23%; margin:1%;}
.jieshao{padding:5px 15px; font-size:14px; text-align: justify; color:#777; line-height:1.8;}


/* 定义动画关键帧 */
@keyframes banner-load-animation {
0%{opacity:1; transform:scale(1);}
50%{opacity:0; transform:scale(2);}
100%{opacity:0;transform:scale(0);}}

/* 设置div的基本样式及背景图片 */
.ynjwz_banner{position:relative; width:100%; height:450px; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.banner_text{width:900px; margin-top:120px; padding:20px; background-color: rgba(0, 0, 0, 0.6);text-align:center;}
.ynjwz_banner h1{color:#FFF; font-weight:900; font-size:45px;}
.ynjwz_banner h3{color:#FFF;}

/* 添加动画到背景图片 */
.ynjwz_banner:before{content:""; position:absolute; width:100%; height:100%; background:inherit; opacity:0; animation-name:banner-load-animation;  animation-duration:1s; animation-timing-function:linear; animation-fill-mode:both;}

/* 业务介绍页面CSS样式 */
.yewu_website{width:27.5%; margin:2%; height:415px;  padding:8px 12px; float:left; box-shadow:1px 1px 6px 6px #eee; margin-bottom:30px;}
.yewu_website:hover{box-shadow:1px 1px 6px 6px #CCC; transform: translateY(3px);}
.yewu_video{height:1250px; padding-top:15px; background:url("/images/video.jpg") no-repeat center center #263e7f; background-attachment:fixed;-webkit-background-size:cover;background-size:cover;}
.ywvideo{float:left; width:44%; margin:1% 3%;}
.yewu_ai{float:left; width:27.5%; margin:2%; height:210px; padding:5px 10px; box-shadow:1px 1px 6px 6px #eee;}
.yewu_ai:hover{box-shadow:1px 1px 6px 6px #CCC; transform: translateY(3px);}
.yewu_jichu{padding-top:15px; height:1000px; background:url("/images/jichu.jpg") no-repeat center center #F5F5F5;background-size:cover;}
.ywjichu{float:left; width:44.5%; background:#FFF; margin:2%; height:160px; padding:5px 10px; box-shadow:1px 1px 6px 6px #eee;}
.ywjichu:hover{box-shadow:1px 1px 6px 6px #CCC; transform: translateY(3px);}

.news_twonav{float:left; width:150px; height:40px; background:#F0F0F0; border:none; line-height:40px; text-align:center; margin:1px 15px; border-radius:2px;}
.news_twonav_hover{float:left; width:150px; height:40px; background:#3351a3; color:#FFF; border:none; line-height:40px; text-align:center; margin:1px 15px; border-radius:2px;}

.news_right{background:url(/index/images/bg_yiwu_title.png) #3351a3; background-size:cover; border-radius:2px; height:138px; color:#FFF; text-align:center; padding-top:30px; margin-bottom:25px;}
.news_right:hover{box-shadow:1px 1px 6px 6px #CCC; transform: translateY(3px);}
.news_right i{font-size:45px;}
.news_right big{font-size:22px;}
.news_right small{font-size:12px;}

.news_art{width:90%; height:150px; margin-bottom:30px; border-bottom:#E5E5E5 solid 1px; overflow:hidden;}
.news_art_img{width:200px; float:left;}
.news_art_text{width:680px; float:right;}
.news_art_text p{font-size:14px;}