@charset "utf-8";
/* CSS Document */
body{ padding:0px; margin:0px; font-family:"微软雅黑";overflow-x:hidden;}
p,ul,li,p,dl,dt,dd{ padding:0px; margin:0px;}
img{ border:0}
li{ list-style:none}
.w1200{ width:1200px; margin-left:auto; margin-right:auto}
.w{ width:105%}
.border{ border-bottom:#eaeaea solid 1px;}

.top{ background:#0982ec; height:4px;}


.header{ overflow:hidden; margin-top:30px; margin-bottom:30px;}
.logo{ float:left; display:inline}
.search{ float:right; display:inline; margin-right:60px; padding:15px; border-radius:15px; position:relative}
.search  input[type="text"]{ font-family:"微软雅黑"; font-size:14px; color:#d3d3d3;  border-radius:20px; line-height:39px; width:250px; padding-left:20px; background:#eeeeee; height:39px; border:#eeeeee solid 1px;}
.search  input[type="image"]{ position:absolute; right:35px; top:25px}

.tel{ float:right; display:inline; margin-top:15px; }
.tel p{font-size:16px; color:#0982ec;margin-bottom:5px; text-align:right; display:block}
.tel img{ float:left; margin-right:15px; display:inline}
.tel div{ float:right; display:inline}
.tel strong{font-weight:bold; text-align:right; color:#ff6c00; font-size:18px; display:block}

.nav{ background:#0982ec; height:50px; margin-top:0px; position:relative; z-index:9999}
.nav li{ float:left; width:145px; text-align:center; position:relative; z-index:9999;padding-top:10px; padding-bottom:15px; border-right:#eaeaea solid 1px;}
.nav li a{ text-decoration:none}
.nav li a span{ color:#fff;  display:block; line-height:25px; font-size:16px; }
.nav li:first-child{ width:174px;}
.nav li:first-child span{ color:#FFF}
.nav li.act{background:#ff6c00;}
.nav li:hover{background:#ff6c00;border-right:#eaeaea solid 1px;}
.nav li:hover a span{ color:#FFF}
.nav li.act a span{ color:#FFF}
.s{ display:none; position:absolute;top:50px; background:#ff6c00; width:162px;}
.s a{ display:block; color:#FFF; line-height:35px; text-align:center; font-size:14px; /*padding-left:35px;*/ border-top:#d75d03 solid 1px; display:block}
.nav li:hover .s{ display:block;}
.s a:first-child{border-top:#d05449 solid 0px;}
@keyframes fadeNav {
    from {
		width:100px;
		/*border-radius:10px;*/
    }
    to {
		background:#ff6c00;
		/*border-radius:10px;*/
		width:145px;
		
    }
}
.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:90px;height:54px;right:50%;bottom:280px;}
.banner .Left{left:0px;background-position:5px 0; background:url(../images/left_02.png) no-repeat; width:90px; height:54px;}
.banner .Right{right:0px;background-position:-33px 0;background-color:#e6292f;background:url(../images/right_03.png) no-repeat; width:90px; height:54px;}
.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:#ff6c00;}
.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:8px;height:8px;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:#0982ec; color:#0982ec; border-radius:100%}
.ban_nav .on{background:#ff6c00;color:#ff6c00;}
.Left,.Right{cursor:pointer;}

.product{ overflow:hidden}
.product li{ background:#f6f6f6; width:286px; float:left; text-align:center; margin-top:15px; margin-right:18px; margin-bottom:10px;}
.product a{ text-decoration:none; color:#666666; font-size:16px;}
.product img{ width:286px; height:250px;-webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;}
.product span{ line-height:70px;}
.product div{width:286px; height:250px; overflow:hidden}
.product li:hover img{-webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);}
  .product li:hover{ background:#0982ec;}
  .product li:hover span{  color:#FFF}
.productTitle{ text-align:center; margin-top:40px; border-bottom:#e6e6e6 solid 1px; padding-bottom:10px; overflow:hidden}
.productTitle img{vertical-align:middle }
.productTitle a{ text-decoration:none; color:#0982ec; font-size:24px; font-weight:bold}
.productTitle p{ text-decoration:none; color:#0982ec; font-size:17px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; margin-top:10px;}
.productSonTitle{ overflow:hidden; text-align:center; margin-top:10px;}
.productSonTitle a{ text-decoration:none;font-size:15px; color:#666666; padding:10px 20px 10px 20px; border:#e6e6e6 solid 1px; line-height:50px;}
.productSonTitle a.act{ background:#0982ec; color:#FFF}
.productSonTitle a:hover{ background:#0982ec; color:#FFF}

.vs{ background:#0982ec; margin-top:50px; color:#FFF; overflow:hidden; height:200px;}
.vs li{ width:298px; border-right:#0165bd solid 1px; float:left; height:200px; text-align:center;}
.vs li:first-child{ border-left:#0165bd solid 1px;}
.vs h4{ padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:60px; font-weight:normal; padding-top:38px;}
.vs p{ font-size:24px;}




.title{ margin-top:55px; overflow:hidden; margin-bottom:0px; border-bottom:#e6e6e6 solid 1px;}
.title a{ color:#0982ec; font-size:12px; text-decoration:none; line-height:35px; display:inline; float:right;}
.title p{ font-size:14px; color:#0982ec; float:left; display:inline; margin-top:5px;}
.title strong{color:#0982ec; float:left; display:inline; font-weight:normal; margin-left:8px; margin-right:8px;}
.title span{ color:#0982ec; font-size:18px; display:inline;  float:left}

.case{ overflow:hidden}
.case li{ float:left; background:#f6f6f6; width:292px; text-align:center; margin-right:12px; margin-top:20px;}
.case li img{ width:292px; height:302px;-webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;}
.case li span{ font-size:16px; color:#666666; line-height:70px;}
.case li div{width:292px; height:302px; overflow:hidden}
.case li:hover img{-webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);}
    .case li:hover{ background:#0982ec;}
  .case li:hover span{  color:#FFF}
.case li a{ text-decoration:none}

.adv{ margin-top:55px;}
.adv img{ width:1200px; height:200px;}

.about{ margin-top:60px; background:#0982ec; height:429px; overflow:hidden}
.about p{ font-size:16px; color:#fff; line-height:30px; margin-top:25px;}
.about h4{ padding:0px; margin:0px; font-size:30px; color:#FFF; font-weight:normal; line-height:60px; padding-top:45px;}
.about span{  font-size:30px; color:#FFF}
.about img{ width:526px; height:429px; float:left; display:inline;}
.aboutFonts{ display:inline; float:right; width:630px;}
.ab{ background:url(../images/btn_4_03.png) no-repeat; width:276px; height:56px; margin-top:35px;}
.ab a{ width:138px; height:56px; display:block; float:left}




.w780{ width:350px; margin-left:auto; margin-right:auto; height:400px; background:#f4f4f4; text-align:center; padding-top:20px; font-size:15px;}
.w780 span{ display:block; font-size:24px; font-weight:bold; color:#0093ec; line-height:50px;}
.w780 p{ font-size:14px; color:#666666; margin-bottom:20px;}
.w780  input[type="text"]{ border:#b8b8b8 solid 1px; height:40px; line-height:40px; background:none; padding-left:5px; font-family:"微软雅黑"; width:200px; color:#666666}
.w780 textarea{ background:none;border:#b8b8b8 solid 1px; font-family:"微软雅黑"; width:200px; margin-top:10px; height:50px; vertical-align:middle; padding-left:5px; margin-bottom:10px; color:#666666; font-size:14px;}
.w780 li{ line-height:55px;}
.w780  input[type="submit"]{ background:#0982ec; width:100px; height:40px; border:none; color:#FFF}

.reveal-modal{ display:none; position:fixed; z-index:99999; background:rgba(fff,fff,fff,0.7); top:100px; left:0; right:0;  margin:0 auto;-moz-box-shadow:0px 7px 12px #333333; -webkit-box-shadow:0px 7px 12px #333333; box-shadow:0px 7px 12px #333333;  border-radius:20px;}
.close-reveal-modal{ position:absolute; top:0; right:0;cursor:pointer; background:#0093ec; width:35px; height:35px; font-size:20px; color:#fff; border-radius:100%; line-height:35px; text-align:center}



.news{ overflow:hidden; margin-bottom:0px;}
.newsLeft{ width:570px; float:left}
.t{ overflow:hidden; border-bottom:#0093ec solid 1px; padding-bottom:8px;}
.t img{ float:left; display:inline; margin-right:10px;}
.t span{ color:#0093ec; font-size:18px; float:left}
.t a{ text-decoration:none; font-size:15px;color:#0093ec; float:right; display:inline; padding-top:6px;}
.newsPic{ margin-top:30px; overflow:hidden}
.newsPic h4{ padding:0px; margin:0px; color:#666666; font-size:14px; font-weight:normal; margin-top:10px;}
.newsPic img{ width:252px; height:170px; float:left; margin-right:20px;}
.newsPic a{ text-decoration:none; color:#666666; font-size:18px;}
.newsPic p{ font-size:14px; color:#666666; line-height:28px;margin-top:10px;}
.newsPic span{ font-size:16px; display:block}
.newsPic time{ font-size:14px; color:#666666; line-height:40px; width:290px; border-bottom:#e6e6e6 solid 1px; display:block; float:left; margin-bottom:3px;}
.newsPics{ margin-top:30px; overflow:hidden; width:105%}
.newsPics h4{ padding:0px; margin:0px; color:#666666; font-size:14px; font-weight:normal; margin-top:10px;}
.newsPics img{ width:280px; height:244px;}
.newsPics a{ text-decoration:none; color:#666666; font-size:18px; width:280px; display:block; float:left;margin-right:10px; text-align:center}
.newsPics p{ font-size:14px; color:#666666; line-height:28px;margin-top:10px;}
.newsPics span{ font-size:16px; display:block; line-height:60px; background:#f6f6f6}
.newsPics a:hover span{ background:#0982ec; color:#FFF}
.newsPics time{ font-size:14px; color:#666666; line-height:40px; width:290px; border-bottom:#e6e6e6 solid 1px; display:block; float:left; margin-bottom:10px;}
.more{ font-size:12px !important; color:#0093ec !important; margin-top:4px !important; display:block}
.newsRight{width:570px; float:right}
.newsFonts{ overflow:hidden; margin-top:20px;}
.newsFonts a{ font-size:15px; color:#666666; text-decoration:none}
.newsFonts li{ line-height:50px; border-bottom:#dbdbdb dotted 1px; overflow:hidden}
.newsFonts  img{vertical-align:middle; margin-right:8px;}
.newsFonts span{ float:right; font-size:12px; padding-top:0px;}

.marque{ position:relative}
.marque a{  text-decoration:none}
.marque p{  padding:0px; margin:0px; font-weight:normal; font-size:15px; color:#666666; line-height:60px;}
.goL{ position:absolute; left:530px; top:380px;}
.goL img{ width:66px; height:auto}
.goR{ position:absolute; right:530px; top:380px;}
.goR img{ width:66px; height:auto}
#marquee1{width:1200px;height:372px;overflow:hidden; margin:0 auto; margin-top:50px;}
#marquee1 ul li{float:left;width:306px;height:372px; text-align:center}
#marquee1 ul li span{display:block; width:278px; height:278px;}
#marquee1 ul li img{display:block;width:278px; height:278px; border-radius:100%}

.footer{ background:#0982ec;overflow:hidden; margin-top:60px;}
.footerLeft{ float:left; display:inline;  color:#FFF; background:#0877d9; padding:40px 30px 30px 30px;}
.footerLeft img{ width:107px; height:107px; float:left; margin-right:15px;}
.footerLeft span{ font-size:14px;}
.footerLeft h1{ font-size:40px; padding:0px; margin:0px; font-weight:normal}
.footerLeft p{ font-size:14px;}
.footerLeft a{ background:#FFF; font-size:18px; color:#0093ec; font-weight:bold; text-decoration:none;  border-radius:30px; width:172px; height:50px; text-align:center; display:block; line-height:50px; margin-top:20px; margin-left:30px;}
.footerRight{ float:left; display:inline; margin-left:50px; margin-top:20px; width:810px;}
.footerNav a{ font-size:15px; color:#FFF; text-decoration:none;    width:105px; display:block; float:left; text-align:center}
.footerNav span{ color:#0265bc; float:left}
.footerRight a:first-child{ text-align:left; width:80px}
.footerRight p{ color:#FFF; font-size:15px; line-height:35px; margin-top:20px;}
.footerNav {border-bottom:#0265bc solid 1px; line-height:50px; overflow:hidden; width:105% }
.footerRight a{ color:#FFF; text-decoration:none}

.izl-rmenu{position:fixed;right:0px;bottom:100px;padding-bottom:0px;background:#fff 0px bottom no-repeat;z-index:999;
border-left:#eaeaea solid 1px;border-top:#eaeaea solid 1px;}
    .izl-rmenu .btn1{width:83px;height:74px;cursor:pointer;position:relative; border-bottom:#eaeaea solid 1px;}
    .izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat;}
    .izl-rmenu .btn-map, a.btn-qq,.izl-rmenu a.btn-qq:visited{text-decoration:none;display:block;}
	  .izl-rmenu .btn-map{background:url(../images/map_03.png) 0px 0px no-repeat; }
	  .izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;}	
	  .izl-rmenu .btn-wx:hover{}	
    .izl-rmenu .btn-wx .pic{position:absolute;left:-138px;top:0px;display:none;width:120px;height:110px; padding:10px; background:#fff}
    .izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat;}
    .izl-rmenu .btn-phone:hover{background-color:#fff;}
    .izl-rmenu .btn-phone .phone{background-color:#0386d5;position:absolute;width:160px;left:-160px;top:0px;line-height:74px;color:#FFF;font-size:18px;text-align:center;display:none;}
    .izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat;display:none;}
			
		
/******************************/		
.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;}	

.menu{ font-size:15px; color:#666666; text-align:left; border-bottom:#dedede solid 1px; padding-bottom:20px;}
.menu img{float:left; margin-right:4px; width:20px; height:20px;}
.menu a{ font-size:15px; color:#666666; text-decoration:none;}
.ts{ float:left; display:inline; line-height:40px;}
.ts img{ vertical-align:middle; float:left; display:inline; width:20px; height:20px; padding-top:10px;}
.menus{ margin-top:20px; overflow:hidden}
.menuNav{ display:inline; float:right; margin-bottom:10px; margin-top:10px}
.menuNav a{ font-size:15px; text-align:right; background:#0982ec;padding:10px; margin-left:5px; color:#FFF; border-radius:6px}

.flxz{ background:#f4f4f4; line-height:60px; color:#666666; padding-left:20px; font-size:14px; width:1180px; margin-left:auto; margin-right:auto; margin-top:20px}
.flxz a{ color:#666666; text-decoration:none; margin-right:15px; border:#a0a0a0 dotted  1px !important; padding:10px; border-radius:10px}
.flxz span{ margin-right:20px}
.flxz a.act{ background:#0093ec; color:#FFF;border:#f3a11a dotted 1px !important}
.flxz a:hover{ background:#0093ec; color:#FFF;border:#f3a11a dotted 1px !important}

.page{ text-align:center; margin-top:40px; clear:both; width:100%; margin-bottom:25px;}
.page a{ font-size:14px; margin-right:10px; color:#666666; background:#e1e1e1; padding:10px 15px 10px 15px; text-decoration:none}
.page a.act{ background:#0093ec; color:#FFF}
.page a:hover{background:#0093ec; color:#FFF}

.tt{ text-align:center; font-size:24px; color:#666666; line-height:55px;}
.titleConf{ text-align:center; font-size:14px; margin-bottom:10px; color:#666666; background:#f6f4f4; width:1200px; margin:0 auto; line-height:50px;}
.containter{ margin-top:20px}
.containter img{ max-width:1200px}
.foot{ margin-top:40px !important;}

.next{ overflow:hidden; margin-top:20px}
.next a{ text-decoration:none; color:#666666; line-height:30px; display:block}

.new{ margin-top:0px !important}

.temas{ overflow:hidden}
.temas ul{ width:105%}
.temas li{ float:left; width:278px; margin-right:29px; margin-top:20px; text-align:center; border-bottom:#dfdfdf solid 1px;}
.temas img{ width:278px; height:278px;}
.temas a{ font-size:15px; color:#666666; text-decoration:none; line-height:50px;}


/*pages*/
.pagination-wrapper {
 clear:both;
 padding:1em 0 2em 0;
 text-align:center;
}
.pagination {
 display: inline-block;
 *display: inline;
 *zoom: 1;
 font-size:12px;
 border-radius: 3px;
 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination li{
 list-style: none;
 float: left;
 display:block;
 line-height:1em;
 padding: .5em .8em;
 text-decoration: none;
 border: 1px solid #ddd;
 border-left-width: 0;
}
.pagination li a {
 display: inline-block;
 background-color: #f9f9f9;
 color: #999;
}
.pagination li a:link{

 background:#fff;
 color: #4C78A5;
}
.pagination li a:hover{
 text-decoration:none;
}
.pagination li a:link:hover {
 color: #000;
}
.pagination li.thisclass {
 background-color: #f9f9f9;
 color:#999;
}
.pagination li:first-child {
 border-left-width: 1px;
 border-radius: 3px 0 0 3px;
}
.pagination li:last-child{
 border-radius: 0 3px 3px 0;
}
.pagination .pageinfo{
 color: #444;
}