﻿
@charset "utf-8";
/* CSS Document */
body{ color:#666666; font-size:14px; font-family:"微软雅黑"; padding:0px; margin:0px;}
a{ text-decoration:none}
p,h3,ul{ padding:0px; margin:0px;}
li{ list-style:none}

.header{ width:1200px; margin-left:auto; margin-right:auto;}
.header .logo{float:left; width:330px; margin-top:30px;}
.header .logo img{ width:322px; height:50px;}
.header .nav{ float:right; width:820px;}
.header .nav li{ float:left; width:102px; text-align:center; position:relative; z-index:9999}
.header .nav li a{ font-size:15px; color:#323232; display:block; width:141px; line-height:119px;}
.header .nav li a:hover { background:url(../images/hover.png); color:#FFF; width:141px; text-align:center;}
.header .nav li:hover .navChild{ display:block; background:#076ce0; color:#FFF; width:119px;}
.header .nav li .navChild{ display:none; position:absolute; border-top:#0050ab solid 1px;}
.header .nav li .navChild a{ color:#FFF; text-align:center; line-height:40px; text-align:left; margin-left:20px;}
.header .nav li .navChild a:hover{ line-height:none !important; background:none}
.header .nav li:hover .navSon{ background:url(../images/hover.png); color:#FFF; width:141px; height:119px; text-align:center; line-height:119px;}

.banner{ height:650px; clear:both;top:0px;}
.banner .ban_c img{position:absolute;width:1920px;left:50%;margin-left:-960px;top:0px;}
.frontCover{position:absolute;top:-120px;padding:0 0 16px;}
.frontCover li{float:left;width:82px;padding:3px;background:#000;color:#fff;overflow:hidden;margin-right:10px;cursor:pointer;}
.frontCover p{text-align:center;height:14px;line-height:18px;overflow:hidden;}
.frontCover .img{position:relative;height:50px;overflow:hidden;}
.frontCover img{position:absolute;width:192px;height:50px;left:-50px;}
.frontCover .open{background:#e60013;}
.wrap{width:980px;margin-left:auto;margin-right:auto;}
.slide{position:relative;width:100%;}
.ban_c{display:none;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.ban_c img{width:100%;height:100%;}
.ban_t{position:absolute;left:0;bottom:0;width:100%;padding:4px 0;text-indent:10px;white-space:nowrap;overflow:hidden;color:#fff;background:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000,endcolorstr=#88000000);z-index:3;}
.ban_nav{position:absolute;bottom:-20px;left:0px;width:100%;text-align:center;z-index:4;}
.ban_nav a{display:inline-block;vertical-align:middle;width:25px;height:5px;line-height:20px;overflow:hidden;text-align:center;margin-right:4px;cursor:pointer;text-decoration:none;font-size:10px;-webkit-text-size-adjust:none;background:#076ce0;  color:#076ce0a}
.ban_nav .on{background:#ff0024;color:#ff0024;}
.Left,.Right{cursor:pointer;}

.about{ width:575px; float:left}
.aboutContainer img{ float:left; width:239px; height:191px; margin-right:20px; margin-top:8px;}
.aboutContainer img:hover{ opacity:0.8}
.aboutContainer p{ line-height:30px;}
.aboutContainer p a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; float:right}

.jgzs{ float:right; width:575px;}
.jgzsContainer{ margin-top:12px;}
.jgzsContainer img{ float:left; margin-right:15px; margin-top:4px;}
.jgzsContainer img:hover{ opacity:0.8}
.jgzsTitle a{ width:100%}
.jgzsTitle span{ color:#666666; float:left; font-weight:bold}
.jgzsTitle time{ float:right;  font-family:Arial, Helvetica, sans-serif; color:#666666}
.jgzsTitle p{ line-height:30px; margin-top:12px;}
.jgzsTh li{ line-height:45px; border-bottom:#dddddd dotted 1px}
.jgzsTh li:last-child{ border-bottom:none}
.jgzsTh li a{ color:#666666}
.jgzsTh li time{ float:right}

.news{ overflow:hidden; margin-bottom:25px}
.newsLeft{ float:left; width:308px}
.newsCenter{ float:left; width:865px; margin-left:20px; margin-bottom:5px}
.newsCenter img{ width:122px; height:130px; float:left; margin-top:9px; margin-right:15px;}
.newsCenter img:hover{ opacity:0.8}
.newsCenter span{ font-weight:bold; line-height:32px;}
.newsCenter a{ color:#666666}
.newsCenter p{ line-height:30px;}
.newsRight{ float:right; width:308px;}

.focus{position:relative;width:308x;height:424px;background-color:#000;margin:8px auto 0 auto;}  
.focus img{width:308px;height:424px;} 
.focus .shadow .title{width:260px;height:65px;padding-left:30px;padding-top:20px;}
.focus .shadow .title a{text-decoration:none;color:#fff;font-size:14px;font-weight:bolder;overflow:hidden;}
.focus .btn{position:absolute;bottom:34px;left:510px;overflow:hidden;zoom:1;} 
.focus .btn a{position:relative;display:inline;width:13px;height:13px;border-radius:7px;margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53";text-decoration:none;text-align:center;outline:0;float:left;background:#D9D9D9;}  
.focus .btn a:hover,.focus .btn a.current{cursor:pointer;background:#fc114a;}  
.focus .fPic{position:absolute;left:0px;top:0px;}  
.focus .D1fBt{overflow:hidden;zoom:1;height:16px;z-index:10;}  
.focus .shadow{width:100%;position:absolute;bottom:0;left:0px;z-index:10;height:30px;line-height:30px;background:rgba(0,0,0,0.6);  
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;display:block;text-align:left;}  
.focus .shadow a{text-decoration:none;color:#fff;font-size:14px;overflow:hidden;margin-left:10px;font-family:"\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{position:relative;width:100%;float:left;display:none;background:#000  }  
.focus .fcon img{display:block;}  
.focus .fbg{bottom:3px;right:5px;position:absolute;height:21px;text-align:center;z-index:200;}  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative;display:inline;width:10px;height:10px;border-radius:7px;margin:0 2px;color:#B0B0B0;font:12px/15px "\5B8B\4F53";text-decoration:none;text-align:center;outline:0;float:left;background:#076ce0;}    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none;font-style:normal;}  

.imgscroll3{width:308px;margin-right:5px;margin-top:8px;height:424px;float:left;overflow:hidden}
.imgscroll3:hover .pre{display:block}
.imgscroll3:hover .next{display:block}
.imgscroll3 li{list-style:none;margin:0;padding:0}
.imgscroll3 .imglist{width:100%;height:inherit;position:absolute;right:0}
.imgscroll3 .imglist .imgurl{height:inherit;float:left}
.imgscroll3 .imgdesc{width:15%;height:30px;bottom:-10px;right:0;position:absolute;overflow:hidden; z-index:9999}
.imgscroll3 .imgdesc li{width:10%;transition:all linear 0.2s;height:10px; width:10px;float:left;line-height:10px;vertical-align:middle;text-align:center;background:#076ce0;margin:0;cursor:pointer; border-radius:100%; margin-right:5px;}
.imgscroll3 .imgdesc li.hover{background:#ff0024;color:#fff}
.imgscroll3 .pre{position:absolute;top:50%;margin-top:-40px;z-index:10;width:20px;height:80px;left:0;background:rgba(0,0,0,0.5);line-height:80px;vertical-align:middle;text-align:center;color:#fff;cursor:pointer;display:none}
.imgscroll3 .next{position:absolute;top:50%;margin-top:-40px;z-index:10;width:20px;height:80px;right:0;background:rgba(0,0,0,0.8);line-height:80px;vertical-align:middle;text-align:center;color:#fff;cursor:pointer;display:none}
.imgscroll3 .imginfo{position:absolute;width:100%;bottom:0;left:0;height:30px;overflow:hidden;}
.imgscroll3 .imginfo li{height:30px;color:#fff;width:100%;color:#fff;background:rgba(0,0,0,0.6);line-height:30px;vertical-align:middle;text-align:left; padding-left:12px;}
.imgscroll3 .imginfo li a{ color:#ffffff}

.case{ overflow:hidden}
.case li{ float:left; width:292px; margin-right:10px; margin-top:8px; position:relative;}
.case li div{ display:none; position:absolute; left:0; width:292px; height:208px; top:0; left:0; right:0; background:rgba(0,0,0,0.6)}
.case li:hover div{ display:block;}
.case li:hover div a{ color:#FFF; text-align:center;  width:292px; display:block; padding:70px 0px 15px 0px}
.case li:hover div s{border-bottom:#FFF solid 1px; width:230px; height:1px; display:block; margin:0 auto}
.case li:hover div time{ text-align:center; color:#FFF; display:block; margin-top:15px; font-family:Arial, Helvetica, sans-serif}

.teamsBox{ width:100%; clear:both; }
.teams{ overflow:hidden; width:1200px; margin:0 auto;}
.teamsLeft{ width:1200px; margin:0 auto}
.friendTeams{height:380px; overflow:hidden; padding-top:0px; }
.mr_frboxTeams{height:380px;padding:0px 0px 0px;position:relative}
.mr_frBtnLTeams{cursor:pointer;display:inline;left:0;height:32px;margin:190px 0 0 0;width:32px; display:block; position:absolute; z-index:999}
.mr_frUlTeams{float:left;height:380px;width:1200px;margin-left:0px; margin-top:10px; overflow:hidden}
.mr_frBtnRTeams{margin-top:190px;cursor:pointer;width:32px;height:32px;position:absolute;right:0}
.mr_frUlTeams ul li{display:inline;float:left;/*height:389px;*/width:290px;overflow:hidden;position:relative; margin-right:15px;height:398px;}
.mr_frUlTeams ul li a img{/*display:block;*/width:290px; height:333px;}
.mr_frUlTeams ul li a img:hover{ opacity:0.8;}
.mr_frUlTeams ul li a{ position:relative; color:#4b4b4b; text-align:center; display:block; }
.mr_frUlTeams ul li a span{ line-height:45px;}

.footerBox{ background:#076ce0; margin-top:20px;}
.footerNav{ width:808px; overflow:hidden; margin-left:auto; margin-right:auto; padding-top:25px;}
.footerNav li{ float:left; width:100px; text-align:center; border-right:#0154b3 solid 1px;}
.footerNav li a{ color:#FFF; font-size:15px;}
.footerNav li:last-child{ border-right:none;}
.footerCopy{ text-align:center; color:#FFF; margin-top:30px; padding-bottom:30px;}
.footerCopy a{ color:#FFF}
.footerCopy li{ line-height:30px;}

.w1200{ width:1200px; margin-left:auto; margin-right:auto; overflow:hidden; clear:both;}
.top{ margin-top:60px;}
.pad{ margin-top:20px}
.title{ overflow:hidden; border-bottom:#eaeaea solid 1px; padding-bottom:8px; position:relative; margin-bottom:8px;}
.title span{ float:left; font-size:16px; color:#076ce0}
.title a{ float:right; color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-top:10px;}
.title s{ position:absolute; border-bottom:#076ce0 solid 1px; width:66px; left:0; bottom:0 }
.w{ width:102%}
/*********************分页开始的地方*********************************/
.mainLeft{ width:200px; float:left; }
.mainLeft .ul{background:#076ce0; color:#FFF; line-height:45px; font-size:16px; text-align:center; margin-bottom:20px;}
.mainLeft ul a{ color:#FFF; font-size:14px; display:block}
.mainLeft li{ border-bottom:#0154b3 solid 1px; }
.mainLeft li:first-child{ line-height:70px;}
.mainLeft li:last-child{ margin-bottom:0px;}
.mainRight{ width:980px; float:right; margin-left:20px;}
.menu{ background:#076ce0; margin-top:2px;}
.menu ul{ overflow:hidden; padding-left:15px;}
.menu li{ float:left; color:#FFF; line-height:40px;}
.menu a{ color:#FFF; text-align:right; }
.container{ border:#eaeaea solid 1px; padding:10px;}
.container img{ max-width:958px;}

.teams{ width:100%; clear:both; }
.team{ overflow:hidden; width:200px; margin:0 auto;}
.team{ width:200px; float:right}
.friend{height:255px; overflow:hidden; padding-top:0px; }
.mr_frbox{height:255px;padding:0px 0px 0px;position:relative}
.mr_frBtns{cursor:pointer;display:inline;left:0;height:32px;margin:190px 0 0 0;width:32px; display:block; position:absolute; z-index:999}
.mr_frUl{float:left;height:255px;width:1200px;margin-left:0px; margin-top:0px; overflow:hidden}
.mr_frBtn{margin-top:130px;cursor:pointer;width:32px;height:32px;position:absolute;right:0}
.mr_frUl ul li{display:inline;float:left;/*height:389px;*/width:200px;overflow:hidden;position:relative; margin-right:15px;height:398px;}
.mr_frUl ul li a img{/*display:block;*/width:200px; height:220px;}
.mr_frUl ul li a img:hover{ opacity:0.8;}
.mr_frUl ul li a{ position:relative; color:#4b4b4b; text-align:center; display:block; }
.mr_frUl ul li a span{ line-height:45px;}
.mr_frBtnL{cursor:pointer;display:inline;left:0;height:26px;margin:120px 0 0 0;width:26px; display:block; position:absolute; z-index:999}
.mr_frBtnR{margin-top:120px;cursor:pointer;width:26px;height:26px;position:absolute;right:0}

.containerCase{ overflow:hidden;border:#eaeaea solid 1px;}
.containerCase li{ float:left; margin-right:7px; margin-top:15px; margin-left:7px; position:relative; width:230px; height:160px; overflow:hidden}
.containerCase li img{ width:230px; height:160px; transition:2s}
.containerCase li img:hover{transform: scale(1.4);  }
.caseTitle{ position:absolute; background:rgba(0,0,0,0.5); width:230px; line-height:30px; color:#FFF; left:0; bottom:0px; text-align:center}

.containerNews{ overflow:hidden;border:#eaeaea solid 1px; padding-bottom:15px;}
.containerNews li{ float:left; margin-right:18px; margin-top:15px; margin-left:10px; height:130px; overflow:hidden}
.containerNews li img{ width:122px; height:130px;float:left; margin-right:10px;}
.containerNews a{color:#666666;  text-align:left; font-weight:bold}
.containerNews p{ line-height:30px;}
.containerNews p a{ font-weight:normal; float:right; font-size:12px;}

.containerJpsj{ overflow:hidden;border:#eaeaea solid 1px; padding-bottom:15px;}
.containerJpsj li{ float:left; margin-right:0px; margin-top:28px; margin-left:28px; width:290px; height:365px; overflow:hidden;border-bottom:#eaeaea solid 1px}
.containerJpsj li img{ width:290px; height:333px;float:left; margin-right:10px; transition:2s;}
.containerJpsj li img:hover{transform: scale(1.4);}
.containerJpsj a{color:#666666;  text-align:center; display:block; line-height:30px;}
.containerJpsj li a div{width:290px; height:333px; overflow:hidden}

.containerJgzs{ overflow:hidden;border:#eaeaea solid 1px; padding-bottom:15px;}
.containerJgzs li{margin-right:14px; margin-left:14px; overflow:hidden;border-bottom:#eaeaea solid 1px;}

.containerJgzs a{color:#666666;  text-align:left; display:block; line-height:45px;}
.containerJgzs a span{ float:left}
.containerJgzs a time{ float:right}
.containerJgzs a:hover{ color:#076ce0}

.free li{ line-height:30px; margin-bottom:10px;}
.free input{ line-height:30px; width:98%; padding-left:10px;color:#666666}
.free textarea{ width:99%; height:100px; padding-left:10px; line-height:30px; color:#666666; font-size:14px; font-family:"微软雅黑"}
.sub{ width:100px !important; line-height:35px; background:#076ce0; color:#FFF !important; border:none;}

.mainTitle{ font-size:16px; text-align:center}
.mainConf{ text-align:center; line-height:30px;}
.next{ overflow:hidden;}
.next a{ color:#666666; text-align:center; line-height:45px; padding-right:20px;}

/*page*/
#page{ overflow:hidden; font-size:12px;text-align:center; margin-bottom: 15px; clear: both; padding-top: 30px;}
#page a { text-decoration: none; display:inline-block; margin:0 2px; height:30px; line-height:30px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 12px}
#page a.a1 {width:56px; padding:0; background:#f8f8f8;}
#page a:hover {background:#076ce0; border-color:#076ce0; color:#fff; text-decoration:none; }
#page span {display:inline-block; margin:0 2px; height:30px;padding:0 12px; font-size:12px;line-height:30px; background:#076ce0; border:1px solid #076ce0; color:#fff; text-align:center; }
/*pr_title 2018-3-7*/
.pr_title{padding: 27px 19px;background: #fff;font-size: 26px;color: #333333;position: relative;}


/*mobile page*/
#wappage{margin:.26rem .24rem; text-align:center; margin-bottom: 0; padding-bottom: 1.14rem; font-size:14px; clear:both; overflow:hidden;}
#wappage .pagemin{ display: inline-block;text-align: center; margin: 0 auto;}
#wappage a,#wappage span.morepage{padding:0 16px; height:36px; line-height:36px; background:#fff; border:1px solid #ddd; border-radius:3px; margin:0 2px; display:inline; float:left; color:#222;}
#wappage span,#wappage a:hover{ background:#076ce0; border:1px solid #076ce0; color:#fff; border-radius:4px; display:inline; float:left; margin:0 2px; padding:0 16px; height:36px; line-height:36px; text-decoration:none;}

.fy b{font-weight: normal;font-size: 14px;}
.fy a{color: #333;font-size: 14px;transition: color 0.3s;}
.fy li:hover a{color: #33ccff;}
#fy_z{margin-left: 20px;}
.fy{margin-top: 30px;border-bottom: 1px solid #076ce0;line-height: 25px; margin-bottom:30px;}
.pre{ float:left;}
.next{ float:right;}
#dib{margin-top: 0;}