@charset "utf-8";

/* CSS Document */

body{ padding:0px; margin:0px; font-family:"微软雅黑"; overflow-x:hidden}

li{ list-style:none}

ul{ padding:0px; margin:0px;}

img{ border:0}

.w1200{ width:1200px; margin-left:auto; margin-right:auto}

.w{ width:105%}



.header{ margin-top:20px; overflow:hidden}

.logo{ width:767px; float:left;}

.logo img{ width:767px; height:65px;}

.tel{  background:url(../images/tel_03.png) no-repeat; font-size:28px; font-weight:bold; float:right; text-align:left; height:74px;  color:#ff7800; padding-left: 75px; padding-top:30px}

.nav{ background:#0169cc; height:80px; margin-top:10px; position:relative; z-index:9999}

.nav li{ float:left; width:200px; text-align:center; position:relative; z-index:9999;  border-right:#004534 solid 1px;padding-top:16px; padding-bottom:14px}

.nav li a{ text-decoration:none}

.nav li a span{ color:#FFF;  display:block; line-height:25px;}

.nav li a span:first-child{ font-size:18px;}

.nav li a span:last-child{ font-size:12px; font-family:Arial, Helvetica, sans-serif}

.nav li.act{background:#ff7800;}

.nav li:hover{background:#ff7800;}

.nav li:hover a{ color:#FFF}

.nav li.act a{ color:#FFF}

.s{ display:none; position:absolute;top:80px; background:#ff7800; width:200px;}

.s a{ display:block; color:#FFF; line-height:35px; text-align:left; font-size:16px; padding-left:35px; border-top:#e96e00 solid 1px; display:block}

.nav li:hover .s{ display:block;}

@keyframes fadeNav {

    from {

		width:100px;

    }

    to {

		background:#ff7800;

		width:200px;

		

    }

}

.animatedNav {

    animation-duration: 0.5s;

    animation-fill-mode: both;

}

.fadeInNav {

    animation-name: fadeNav;

    animation-direction: normal;

}

/* banner */

.banner{height:600px; clear:both; position:absolute; top:0px; overflow:hidden;}

.banner .ban_c img{position:absolute;width:1920px;left:50%;margin-left:-960px;top:0;}

.banner .ban_nav{display:block;}

.banner .Left,.banner .Right{position:absolute;width:42px;height:42px;right:50%;bottom:280px;}

.banner .Left{left:0px;background-position:5px 0; background:url(../images/left_02.png) no-repeat; width:37px; height:37px;}

.banner .Right{right:0px;background-position:-33px 0;background-color:#e6292f;background:url(../images/right_03.png) no-repeat; width:37px; height:37px;}

.bann_ext{position:relative;}

.frontCover{position:absolute;top:-50px;padding:0 0 16px;border-bottom:5px solid #de0000;}

.frontCover li{float:left;width:82px;padding:3px;background:#1277cf;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:0;width:52%;text-align:right;z-index:4;}

.ban_nav a{display:inline-block;vertical-align:middle;width:12px;height:12px;line-height:3px;overflow:hidden;text-align:center;margin-right:6px;cursor:pointer;text-decoration:none;font-size:10px;-webkit-text-size-adjust:none;background:#00543f; color:#00543f; border-radius:100%}

.ban_nav .on{background:#ff7800;color:#ff7800;}

.Left,.Right{cursor:pointer;}



.search{ background:#0169cc; height:60px; color:#ff7800; font-size:18px; line-height:60px;}

.search a{ color:#FFF; text-decoration:none; margin-right:10px}

.search form{ float:right; margin-top:0px; width:270px; margin-top:8px}

.search form  input[type="text"]{ background:#0169cc; width:214px;float:left;border:#FFF solid 1px; color:#FFF; font-size:14px; line-height:39px; padding-left:8px}

a.search_btn{width: 50px; height: 43px; margin: 0; display: inline; float: right; margin-right: 6px; cursor: pointer}



.sr-bdimgshare-black .bdimgshare-bg{ background:none !important}



.about{ overflow:hidden}

.aboutLeft{ width:488px; float:left; background:url(../images/free_03.png) no-repeat; height:372px;}

.aboutLeft span{ font-size:18px; color:#FFF; padding-left:150px; display:block; line-height:32px }

.aboutLeft span:first-child{ padding-top:40px;}

.bdsharebuttonbox{ padding-left:150px; margin-top:20px}

.aboutLeft p{ font-size:40px; color:#FFF; padding-left:200px; display:block; line-height:32px; display:block; margin-top:120px}

.aboutLeft p a{ font-size:40px; color:#FFF; text-decoration:none}

.aboutRight{ float:right; width:672px;}

.aboutRight span{ color:#0169cc; padding:0px; margin:0px;}

.aboutRight span:first-child{ font-size:30px; font-weight:bold}

.aboutRight span:nth-child(2){ font-size:18px; font-weight:bold; font-family:Arial, Helvetica, sans-serif}

.aboutRight P{ color:#666666; font-size:18PX; line-height:35px; margin-top:20px; display:block}

.aboutRight a{ width:248px; font-size:30px; background:#0169cc; color:#FFF; text-decoration:none; padding:15px; border-radius:15px; float:right; text-align:center; line-height:50px; margin-top:20px}

.aboutRight a:hover{ background:#ff7800; color:#0169cc}



.ad{  height:300px; overflow:hidden; background:url(../images/ad_03.png) center no-repeat}

.adLeft{ width:580px; float:left}

.adLeft h1{ font-size:60px; color: #FFF}

.adLeft span{ font-size:30px;color: #FFF}

.adLeft p{ font-size:18px; margin-top:20px;color: #FFF}

.adRight{ width:560px; float:right}

.adRight h1{ font-size:60px; color:#fff; display:block; }

.adRight span{ font-size:30px; color:#fff; margin-top:30px; padding-right:20px}

.adRight p{ font-size:18px; margin-top:20px; color:#fff;}







.product{ overflow:hidden; margin-top:20px}

.productLeft{ width:262px; float:left}

.productLeft ul li a{ font-size:18px; color:#666666; text-decoration:none;  display:block; overflow:hidden; padding-right:10px;}

.productLeft ul li{ border-bottom:#ededed solid 1px; line-height:105px;height:105px; text-align:center}

.productLeft ul li a:hover{ background:#0169cc; color:#FFF}

.productLeft ul li.act{ background:#0169cc; color:#FFF}

.productLeft ul li.act a{ background:#0169cc; color:#FFF}

.productLeft ul li:last-child{ background:#ff7800; color:#FFF; height:70px; line-height:70px}

.productLeft ul li:last-child a{ background:#ff7800; color:#FFF}







.productRight{ width:914px; float:right}

.productRight li{float: left; width: 295px; margin-right:14px; margin-bottom:20px;}

.productRight img{ width:295px; height:220px}

.port-2{float: left; width:295px; position: relative; overflow: hidden; text-align: center;perspective: 800px;}

.port-2 .text-desc{z-index: -1; transition: 0.6s; border:#0169cc solid 1px; border-bottom:none}

.port-2 .image-box{transition: 0.4s;}

.port-2 .image-box span{ line-height:50px; color:#FFF; font-size:18px;background:rgba(0,0,0,0.8); display:block; position:absolute; bottom:0; width:295px}

.port-2.effect-2:hover .image-box span{ display:none}

.port-2:hover .image-box{transform: rotateX(80deg); transform-origin: center bottom 0; transition: 0.4s;}

.port-2.effect-2 .text-desc{opacity: 1; top: -100%;}

.port-2.effect-2:hover .text-desc{top: 0;}

.btn{display: inline-block; padding: 5px 10px; font-size: 14px; color: #fff; border: 1px solid #0169cc; background-color: #0169cc; text-decoration: none; transition: 0.4s;}

.btn:hover{background-color: transparent; color: #0169cc; transition: 0.4s;}

.text-desc{position: absolute; left: 0; top: 0; background-color: #fff; height: 100%; opacity: 0; width: 100%; padding: 20px;}

.text-desc a{ text-decoration:none}

.container{margin: 0 auto; max-width: 1060px;}

.full-length{width: 100%; float: left; padding-bottom: 80px;}

.text-desc h3{ color:#0169cc}

.text-desc p{ color:#666666; line-height:25px}



.title{ overflow:hidden; text-align:center}

.title span{ font-size:60px; color:#0169cc; font-weight:bold;}

.title p{color:#ff7800; font-size:40px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:30px}

.title a{  text-decoration:none;}



.about{ margin-top:30px}

.abouts{ overflow:hidden;}

.abouts div{float:left; width:620px; display:block}

.abouts p{ color:#666666; font-size:14px; line-height:28px}

.abouts img{ float:right; width:552px; height:290px; margin-top:18px; transition:0.5s}

.imgs:hover{ transform:rotate(-3deg); opacity:0.8}



.case{ margin-top:20px; overflow:hidden}

.case h3{ line-height:25px; margin-top:0px}

.case li{ width:286px; float:left; margin-right:18px; margin-bottom:18px}

.port-7{float: left; width: 100%; position: relative; overflow: hidden; text-align: center; overflow: hidden;}

.port-7 .text-desc{opacity: 0; transition: 0.5s; color: #000; border:#0169cc solid 1px; border-right:none}

.image-box span{ line-height:50px; color:#FFF; font-size:18px;background:rgba(0,0,0,0.8); display:block; position:absolute; bottom:0; width:295px}

.port-7.effect-1:hover .image-box span{ display:none}

.port-7.effect-1 img{transition: 0.5s; position: relative; width: 100%; left: 0; width:286px; height:228px}

.port-7.effect-1:hover img{left: 50%;}

.port-7.effect-1 .text-desc{transform: perspective(600px) rotateY(90deg); transform-origin: left center 0; width: 50%; position: absolute; left: 0; top: 0;  padding: 18px 10px;}

.port-7.effect-1:hover .text-desc{opacity: 1; transform: perspective(600px) rotateY(0deg); z-index: 99;}



.more{ width:246px; text-align:center; margin-left:auto; margin-right:auto; background:#0169cc; font-size:30px; color:#FFF; border-radius:10px; margin-top:10px}

.more a{ color:#FFF; text-decoration:none; line-height:84px;}

.more:hover{ color:#FFF; text-decoration:none; line-height:84px; background:#ff7800}

.more:hover a{ color:#0169cc; text-decoration:none; line-height:84px; background:#ff7800}



.news{ margin-top:30px; overflow:hidden; background:#0169cc; padding-top:35px; padding-bottom:35px;}

.news ul{ overflow:hidden}

.news li{ width:384px; background:#FFF; text-align:center; padding-top:10px; float:left; margin-right:15px; margin-top:25px; padding-left:10px}

.news h1{ font-size:24px; color:#0169cc; font-weight:normal; padding-left:10px; padding-top:10px; margin:0px; padding-right:10px; line-height:30px}

.news a{ text-decoration:none;color: #333;}

.new p{ font-size:14px; color:#666666; text-align:left; padding-left:15px; padding-right:15px; padding-top:15px; line-height:25px; margin:0px; padding-bottom:10px}

.news li:hover{ background:#ff7800}

.news li:hover h1,.news li:hover h3{ color:#FFF}

.news li:hover p{ color:#FFF}

.news li div{width:364px; height:222px; overflow:hidden}

.news li:hover img{transform: scale(1.4);}

.news img{ width:364px; height:222px;transition: all 0.6s;}



.t{ overflow:hidden}

.t span{ float:left; display:inline}

.t span:nth-child(1){ font-size:30px; font-weight:bold; color:#0169cc}

.t span:nth-child(2){ font-size:18px; font-weight:bold; color:#ff7800; padding-top:15px; margin-left:8px}

.t a{ float:right; display:inline; text-decoration:none; font-size:18px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#0169cc; padding-top:15px}

.wLeft{ width:434px; float:left; margin-top:30px}

/*焦点图*/

.focus{position:relative;width:434px;height:280px;background-color:#000;margin:10px auto 0 auto;}  

.focus img{width:434px;height:280px;} 

.focus .shadow .title{width:260px;height:70px;padding-left:30px;padding-top:10px;}

.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:70px;line-height:70px;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:20px;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:20px;right:10px;position:absolute;height:21px;text-align:center;z-index:200;}  

.focus .fbg div{margin:2px auto 0;overflow:hidden;zoom:1;height:14px}    

.focus .D1fBt a{position:relative;display:inline;width:12px;height:12px;border-radius:7px;margin:0 3px;color:#B0B0B0;font:12px/15px "\5B8B\4F53";text-decoration:none;text-align:center;outline:0;float:left;background:#ffffff;}    

.focus .D1fBt .current,.focus .D1fBt a:hover{background:#0169cc;}    

.focus .D1fBt img{display:none}    

.focus .D1fBt i{display:none;font-style:normal;}    

.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background:url(../images/focus_btn.png) no-repeat;}

.focus .prev{top:50%;margin-top:-37px;left:0;background-position:0 -74px;cursor:pointer;}  

.focus .next{top:50%;margin-top:-37px;right:0;background-position:-40px -74px;cursor:pointer;}  

.focus .prev:hover{background-position:0 0;}  

.focus .next:hover{background-position:-40px 0;}  

.wRight{ width:743px; float:right; margin-top:30px}

.teamsBox{ width:100%; clear:both; margin-top:10px}

.teams{ overflow:hidden; width:743px; margin:0 auto;}

.teamsLeft{ width:743px; margin:0 auto}

.friendTeams{ overflow:hidden; padding-top:0px; }

.mr_frboxTeams{padding:0px 0px 0px;position:relative}

.mr_frBtnLTeams{cursor:pointer;display:inline;left:0;height:37px;margin:100px 0 0 0;width:37px; display:block; position:absolute; z-index:999}

.mr_frUlTeams{float:left;width:743px;margin-left:0px; margin-top:0px; overflow:hidden;height:280px;}

#mr_fuTeams {width:758px;overflow:hidden}

.mr_frBtnRTeams{margin-top:100px !important;cursor:pointer;width:37px;height:37px;position:absolute;right:0}

.mr_frUlTeams ul li{display:inline;float:left;width:364px;overflow:hidden;position:relative; margin-right:15px;height:280px; background:url(../images/sjtd_03.png); background:#eeeeee; transition:0.3s}

.mr_frUlTeams ul li a img{/*display:block;*/width:364px; height:280px;}

.mr_frUlTeams ul li a{ position:relative; color:#666666; text-align:center; display:block; font-size:18px; text-decoration:none }

.mr_frUlTeams ul li a span{ color:#ffffff; position:absolute; bottom:0; background:rgba(0,0,0,0.5); width:364px; left:0}

.mr_frUlTeams ul li a span{ line-height:48px;}

.mr_frUlTeams ul li:hover{ background:#1277cf; color:#FFF}

.mr_frUlTeams ul li:hover span{ color:#FFF}

.mr_frUlTeams ul li:hover{ margin-top:-10px}







.links{ margin-top:40px; background:#0169cc; line-height:80px; margin-bottom:40px}

.links img{ float:left}

.links a{ color:#fff; font-size:18px; text-decoration:none; margin-left:20px}

.links a:hover{ color:#ff7800}

.links span{ color:#FFF}

.links span:nth-child(1){ font-size:24px;}

.links span:nth-child(2){ font-size:18px; font-family:Arial, Helvetica, sans-serif; margin-left:10px; margin-right:20px}



.foot{ background:#0169cc;}

.copyConf{ overflow:hidden}

.copy{ float:left; width:900px; margin-top:30px}

.footNav{ margin-top:30px; text-align:center; border-bottom:#015642 solid 1px;}

.footNav a{ color:#FFF; text-decoration:none; font-size:18px; border-left:#015642 solid 1px;padding-right:15px;padding-left:15px; line-height:60px}

.footNav a:first-child{ border-left:none;padding-left:0px;}

.copy p{ color:#FFF; font-size:16px; line-height:35px;}

.copy span { color:#FFF; font-size:16px;}

.copy span a{ color:#FFF; text-decoration:none}

.conf{ width:154px; float:right; margin-top:30px; text-align:center; color:#FFF; font-size:16px;}

.conf P{ background:url(../images/e_03.png) no-repeat; width:154px; height:133px;}

.conf P img{ margin-top:12px; width:110px; height:110px;}

.conf span{ line-height:30px; margin-bottom:20px; display:block}



.izl-rmenu{position:fixed;right:30px;bottom:10px;padding-bottom:73px;background:url(../images/r_b.png) 0px bottom no-repeat;z-index:999;}

    .izl-rmenu .btn1{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}

    .izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;}

    .izl-rmenu .btn-qq:hover{background-color:#488bc7;}

    .izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{/* background:url(../images/r_qq.png) 0px 0px no-repeat; */background-color:#6da9de;text-decoration:none;display:block;}

    .izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;background-color:#78c340;}

    .izl-rmenu .btn-wx:hover{background-color:#58a81c;}

    .izl-rmenu .btn-wx .pic{position:absolute;left:-120px;top:0px;display:none;width:120px;height:110px;}

    .izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat;background-color:#fbb01f;}

    .izl-rmenu .btn-phone:hover{background-color:#ff811b;}

    .izl-rmenu .btn-phone .phone{background-color:#ff811b;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;}

    .izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;}

    .izl-rmenu .btn-top:hover{background-color:#444;}

	

	

	

	/*********************************/

	

	.pro{ width:1200px; overflow:hidden; margin-top:20px}

.pro li{float: left; width: 295px; margin-right:6px; margin-bottom:20px}

.pro img{ width:295px; height:220px}

.ban{ width:100%; position:relative; overflow:hidden; height:300px;top:0px;}

.bans{ width:1920px; position:absolute; left:50%; margin-left:-960px; height:300px}

.bans img{ width:1920px; height:300px;}

.containter{ overflow:hidden; margin-top:0px;}

.containterLeft{ width:250px; float:left; background:#007d5a; color:#FFF;}

.containterLeft a{ color:#FFF; font-size:14px;}

.leftNav li{ padding-left:10px; border-left:#fe0000 solid 0px; line-height:45px; border-bottom:#005f29 solid 1px;}

.leftNav li:nth-child(1){ font-size:16px; padding-top:30px; border-bottom:none;line-height:0px;}

.leftNav li:nth-child(2){ font-size:14px; font-family:Arial, Helvetica, sans-serif; }

.leftNav li a{ display:block; text-decoration:none}

.leftNav li:hover{ background:#ffce4b}

.leftNav li:hover a{ color:#006f30}

.leftNav li.act{ background:#ffce4b;}

.leftNav li.act a{ background:#ffce4b;  color:#006f30}

.leftNav li:nth-child(1):hover{ background:none}

.leftNav li:nth-child(2):hover{ background:none}

.leftNav li{ padding-left:10px; line-height:45px; border-bottom:#005f29 solid 1px;}

.contact li{ padding-left:10px; border-left:#fe0000 solid 0px; line-height:45px; border-bottom:#005f29 solid 1px; font-size:14px; padding-right:10px}

.contact li:nth-child(1){ font-size:16px; padding-top:30px; border-bottom:none;line-height:0px; background:#FFF;color:#006f30}

.contact li:nth-child(2){ font-size:14px; font-family:Arial, Helvetica, sans-serif; background:#FFF; color:#006f30 }

.containterRight{ width:920px; float:right}

.menu{ font-size:18px; color:#0169cc; text-align:left;  padding-bottom:10px; margin-top:20px}

.m{border-bottom:#00863a solid 1px;}

.menu a{ font-size:18px; color:#0169cc; text-decoration:none}

.main img{ max-width:1200px;}

.flxz{ background:#f1f1f1; line-height:60px; color:#666666; padding-left:20px; font-size:14px; width:1200px; margin-left:auto; margin-right:auto; margin-top:10px}

.flxz a{ color:#666666; text-decoration:none; margin-right:15px; border:#d4d4d4 dotted  1px !important; padding:10px; border-radius:10px}

.flxz span{ margin-right:20px}

.flxz a.act{ background:#0169cc; color:#FFF}

.flxz a:hover{ background:#0169cc; color:#FFF}



.caseContainter ul{ overflow:hidden;}

.caseContainter li{ width:292px; float:left; background:#eeeeee; margin-right:11px; height:280px; text-align:center; margin-top:15px; transition:0.5s}

.caseContainter img{ width:292px; height:224px;}

.caseContainter span{ color:#666666; font-size:18px; line-height:50px}

.caseContainter a{ text-decoration:none}

.caseContainter li:hover{ background:#1277cf;}

.caseContainter li:hover span{ color:#ffffff}

.caseContainter li:last-child{ margin-bottom:25px}

.caseContainter li:hover{ transform:rotate(1deg);}



.productContainter ul{ overflow:hidden;}

.productContainter li{ width:294px; float:left; background:#eeeeee; margin-right:8px; height:280px; text-align:center; margin-top:15px; transition:0.5s}

.productContainter img{ width:294px; height:224px;}

.productContainter span{ color:#666666; font-size:18px; line-height:50px}

.productContainter a{ text-decoration:none}

.productContainter li:hover{ background:#1277cf;}

.productContainter li:hover span{ color:#ffffff}

.productContainter li:last-child{ margin-bottom:25px}

.productContainter li:hover{ transform:rotate(1deg);}



.cjsb ul{ overflow:hidden}

.cjsb li{ width:386px; float:left; margin-right:21px; margin-top:20px}

.cjsb li:last-child{ margin-bottom:20px}

.cjsb img{ width:386px; height:260px}

.cjsb a{ position:relative; height:260px; display:block; text-align:center}

.cjsb span{ position:absolute; bottom:0; left:0; height:50px; background:rgba(0,0,0,0.8); width:386px; color:#FFF; line-height:50px}



.scgy{ border:#f1f1f1 solid 1px; margin-top:20px; margin-bottom:20px}

.scgy ul{ overflow:hidden}

.scgy li{ width:364px; float:left; margin-right:15px; margin-top:20px; margin-left:19px}

.scgy li:last-child{ margin-bottom:20px}

.scgy img{ width:364px; height:280px}

.scgy a{ position:relative; height:280px; display:block; text-align:center}

.scgy span{ position:absolute; bottom:0; left:0; height:50px; background:rgba(0,0,0,0.8); width:364px; color:#FFF; line-height:50px}

.scgy li:hover span{ background:#0169cc}



.newsContainter{ }

.newsContainter img{ width:220px; height:130px; float:left; margin-right:18px}

.newsContainter div{ float:left; background:#0982ec; padding:5px 20px 5px 20px; margin-right:15px; text-align:center}

.newsContainter div span{ display:block; color:#FFF; font-family:Arial, Helvetica, sans-serif; line-height:25px}

.newsContainter div span:nth-child(1){ font-size:18px;}

.newsContainter div span:nth-child(2){ font-size:14px;}

.newsContainter h1{ font-size:18px; color:#666666; font-weight:normal; padding:0px; margin:0px; margin-bottom:8px}

.newsContainter li{overflow:hidden; transition:0.5s;margin-top:11px; border-bottom:#d6d6d6 dotted 1px; padding-bottom:10px}

.newsContainter  a{  color:#666666; font-weight:normal; padding:0px; margin:0px; margin-bottom:10px; text-decoration:none}

.newsContainter p{ font-size:14px; color:#666666; padding:0px; margin:0px; line-height:35px}

.newsContainter li:last-child{ margin-bottom:30px}

.newsContainter li:hover{ border-bottom:#0169cc dotted 1px;}

.newsContainter li:hover h1{ color:#0169cc}

.newsContainter li:hover p{ color:#0169cc}



.titles{ text-align:center; font-size:18px; color:#666666; line-height:45px;}

.titleConf{ text-align:center; font-size:14px; margin-bottom:10px; color:#666666}





.free{ position:relative}

.free img{ width:673px; height:324px; position:absolute; right:0; top:20px}

.free li{ line-height:0px; margin-top:20px; color:#0169cc}

.free input[type="text"]{ line-height:45px; width:40%; padding-left:10px; font-size:14px;}

.free input[type="submit"]{ line-height:45px; width:20%; padding-left:10px; font-size:18px; border:0; background:#0169cc; color:#FFF}

.free span{ color:#F00; margin-left:10px;}

.free textarea{ width:100%; height:200px; padding-left:10px; line-height:45px; font-family:"微软雅黑"; font-size:14px;}



.page{ text-align:center; margin-top:10px; clear:both; width:100%}

.page a{ font-size:16px; margin-right:10px; color:#666666; background:#f1f1f1; padding:10px 20px 10px 20px; text-decoration:none}

.page a.act{ background:#0169cc; color:#FFF}

.page a:hover{background:#0169cc; color:#FFF}


.img-responsive{ width:100% !important;}