@charset "UTF-8";

body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin: 0px;}

input,button,ul,ol{margin: 0px; padding: 0px;}

body,input,button,form{font-size: 14px; line-height: 28px; font-family: "microsoft yahei",  "Arial Black"; color: #333333;}

h1,h2,h3,h4,h5,h6,font{font-size: 14px; font-weight: normal;}

ul,ol,li{list-style: none;}

input{background: none; border: 0 none;}

img{border: 0px;}

em,i{font-style: normal;}

button,input,select,textarea{font-size: 100%;}

table{border-collapse: collapse; border-spacing: 0;}

body{background: #fff;min-width: 1200px;}

.red{color: #1261c4;}

.font_fm{font-family: "宋体";}

.font_fmHe{font-family: helv;}

.fl{float: left;}

.fr{float: right;}

.clear{clear: both}

.poa{position: absolute;}

.por{position: relative;}

.hidden{display: none;}

.w1100{width: 1200px; margin: 0 auto;}

.w1000{width: 1000px; margin: 0 auto;}

.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

/*网站公用样式表*/

a{color: #333333; text-decoration: none;}

a:hover{color: #1261c4; text-decoration: none;}

a:visited{text-decoration: none;}

.ease,.ease *{-webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}

.noease,.noease *{-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}

.display_ie{display: inline-block; *display: inline; zoom: 1;}

.icon{background: url(../images/icon.png) no-repeat; display: inline-block; vertical-align: middle;}

.icon2{ background:url(../images/icon2.png) no-repeat; display:inline-block; vertical-align:middle;}

/* 顶部 */

#topbg{ background:url(../images/topbg.png) no-repeat center; height: 208px;}

#top_main{width: 100%; height:40px; line-height:40px; border-bottom: 1px solid #BBBBBB; color: #1b2a3d; position: relative; z-index: 80; font-size: 12px; font-family: "宋体";padding-top: 1%;}

#top_main .top:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

#top_main .top_r{ *width: 184px; color: #1b2a3d;}

#top_main .item{ display: inline-block; *display: inline; zoom: 1;     font-size: 15px; text-align: center;}

#top_main .item s{width: 11px; height: 16px; background-position: -58px 0; margin-right: 8px;}

#top_main .item span{width: 12px; height: 6px; background-position: -74px 0; margin-left: 8px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}

#top_main em{*margin: 0 5px 0 9px; display: inline-block; color: #e2e2e2;}

#top_main .phone{width: 80px; margin-left: 6px;}

#top_main .phone .qrcode{width: 120px; height: 120px; padding: 10px; top: 32px; left: -30px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; z-index: 80;}

#top_main .phone .qrcode img{width: 100%; height: 100%; display: block;}

#top_main .phone:hover .qrcode{display: block;}

#top_main .phone:hover span{transform: rotate(180deg);}



/*菜单*/

#header_main{width: 100%; height: 125px;}

#header_main .logo{ padding-top: 15px; display: block;width: 38%;}

#header_main .logo img{width: 100%; height: 100%; display: block;}

#header_main .header{*zoom: 1;}

#header_main .header:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

#header_main .header ul { width:725px; height:128px; float:right;}

#header_main .header ul li{ font:15px/30px 微软雅黑; width:95px; margin-right: 8px; text-align:center; height:100% ; float:left}

#header_main .header ul li p{ font:12px/13px 微软雅黑; text-transform:uppercase}

#header_main .header ul li a{ color:#292929; padding:20px 0 50px;display:block;line-height:40px; height:63px }

#header_main .header ul li a p{ color:#b0b0b0}

#header_main .header ul li:hover { background:url(../images/nav.png) center no-repeat;}

#header_main .header ul li:hover a{ color:#fff; }

#header_main .header ul li:hover a p{ color:#fff;}

#header_main .header ul li a.active{background:url(../images/nav.png) center no-repeat;color:#fff;line-height:40px}

#header_main .header ul li a.active p{color:#fff}











/*#header_main .nav{width: 620px; height: 100%; position: relative; z-index: 20;}

#header_main .nav li{width:77px; height: 135px; float: left; position: relative; font-size: 16px;}

#header_main .nav li a{position: absolute; width: 16px; height: 128px; line-height: 18px; color: #1b2a3d; z-index: 20; bottom: -16px; top: 0; display: block; font-weight: bold; padding: 22px 27px 0;}

#header_main .nav li a:hover,

#header_main .nav li a.hover{background: url(../images/navlibg.png) no-repeat center top; color: #fff;}

#header_main .nav li a:hover s,

#header_main .nav li a.hover s{background-position: -101px 0;}

#header_main .nav li s{width: 8px; height: 9px; display: block; margin: 0 auto; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; background-position: -89px 0; margin-bottom: 6px;}

*//*banner*/

#kinMaxShow{visibility:hidden;width:100%; height:200px; overflow:hidden;}



.banner{width: 100%; height:520px; position: relative; min-width: 1200px;}

<!--.banner .list{width: 100%;}

.banner .list li{width: 100%; position: absolute; z-index: 1; overflow: hidden; background-color: #1b2a3d;}

.banner .list li a{width: 100%; display: block;}

.banner img{height: 520px;width: 100%; display: block;}

.banner .tip{width: 1200px; height: 20px; line-height: 0; font-size: 0; text-align: center; position: absolute; left:45%; bottom: 10px; margin-left: -500px; z-index: 3;}

.banner .tip li{display: inline-block; *display: inline; zoom: 1; width: 40px; height: 5px; margin: 0 3px; padding: 7px 0; cursor: pointer;}

.banner .tip li span{width: 40px; height: 5px; display: block; background-color: #e5e5e5;}

.banner .tip li.cur span{background-color: #1261c4;}-->



.nybanner,

.nybanner ul,

.nybanner img{height: 300px;}



/*search*/

#search_main { width:100%; height:50px; line-height: 50px; background:#f5f5f5; border-bottom: 1px solid #e3e3e3; }

#search_main .search_form{ width:390px; height:30px; height:30px; margin-top: 10px; border: 1px solid #e0e0e0; }

#search_main .search_form input{ border:0 none; display:block;} 

#search_main .search .stxt{ width:240px;  height:26px; text-indent: 6px; background: none;  }

#search_main .search .sbtn{ width:30px; height:28px; margin-top: 1px; cursor: pointer; background-position:-28px 5px;background-color: #1B2A3D;}

#search_main .search .skey{ color:#993d3a; font-size: 12px; color: #e2e2e2; }

#search_main .search .skey a{ margin: 0 8px;}

#search_main .search .skey span{ color: #333;}



/*首页-产品*/

.floor_2 { padding-top: 4%;}

.floor_2_title{ width: 100%; height: 186px; padding-top: 10px; background: url(../images/flloor_2_titlebg.jpg) no-repeat center top;}

.floor_2_title a{ width: 395px; height: 121px; display: block; margin: 0 auto; }

.floor_2_title img{ width: 395px; height: 121px; display: block; margin: 0 auto; transition: all .3s; }

.floor_2_title img:hover{ margin-top: -10px; }

#floor_2_main{ width: 100%;  background: url(../images/picbg.jpg) no-repeat center bottom;}

#floor_2_main .iscenic{ padding: 50px 0 0; height: 310px; }

#floor_2_main .iscenic .line{ width: 100%; height:1px; left: 0; bottom: 0px; background: #b8b8b8; background:#b8b8b8;} 



.delay300 { -webkit-animation-delay:300ms; animation-delay:300ms; }

.itit img{ width: 500px; height: 110px; display: block; margin: 0 auto;}

.itit h2{ font-size: 18px; text-align: center; color: #000000;}

.imglistTog .togLeft,.imglistTog .togRight{ width: 44px; height: 44px; display: block; margin: 0 auto; left: 50%; bottom: -22px; cursor: pointer; z-index: 10;}

.imglistTog .togLeft{ margin-left: -56px;  background-position: 0 -52px;}

.imglistTog .togLeft:hover{ background-position: -236px -152px;}

.imglistTog .togRight{ margin-left: 10px; background-position: -286px -152px;}

.imglistTog .togRight:hover{ background-position: -50px -52px;}

.imglistTog .imglistTogCon{ width:1000px; height: 245px; overflow: hidden; position: relative;}

.imglistTog .list{ width:500%; height: 245px; position: relative; z-index: 1;}



.imglistTog .list .item{ width: 194px; height: 245px; overflow: hidden; float: left; display: block; cursor: pointer; margin-right: 7px; position: relative;}

.imglistTog .list .item a{ width: 100%; display: block;}

.imglistTog .list .item .img{ width: 193px; height: 193px;}

.imglistTog .list .item img{ width: 100%; height: 100%; display: block;}

.imglistTog .list .item .zengz{ width: 194px; height: 194px; display: block; background:url(../images/floor_2_img.png) no-repeat 0 0; position: absolute; left: 0; top: 0; z-index: 10;}

.imglistTog .list .item .hover{ width: 170px; height: 170px; display: block; left: 12px; top: 0px; background: url(../images/floor_2_imghover.png) no-repeat 0 0; position: absolute;  z-index: 10; text-align: center; color: #fff; font-family: arial; transition: all .3s; opacity: 0; filter: alpha(opacity=0); }

.imglistTog .list .item .hover span{ width: 14px; height: 14px; background-position: -63px -33px; margin: 65px auto 4px; display: block; }

.imglistTog .list .item h3{ width: 100%; text-align: center; margin-top: 10px; color: #3d3d3d;}

.imglistTog .list .item:hover .hover{ top: 12px; opacity: 1; filter: alpha(opacity=100);}

.imglistTog .list .item:hover h3{ color: #1261c4;}

/*********index main css start*********/

.indexbg{background: url(../images/indextit.png) no-repeat 0 0;}

.indexTit{ height: 80px;}

.indexTit h2{width: 240px;  margin: 0 auto;font-size: 25px; text-align: center;color: #000;font-weight: bold; }

.indexTit p{ font-size:20px; color:#1c2a3d; text-align:center; text-transform:uppercase; line-height: 45px;}

.indexTit .line{width: 8%; height: 2px; background-color: #1b2a3d; margin: 0 auto; display: block;}

.indexTit .left,

.indexTit .right{width: 404px; height: 11px; top: 46px; background: url(../images/indextitbg.png) no-repeat right 0;}

.indexTit .left{left: 0;}

.indexTit .right{right: 0; background-position: left -14px;}

/*iproNav*/

.iproNav{background-color: #1261c4; font-family: "微软雅黑";}

.iproNav .title{height: 70px; padding-top: 15px; background: url(../images/ipronavtitbg.jpg) no-repeat 0 0; margin-bottom: 1px; }

.iproNav .title h2{ height: 70px;}

.iproCon .iproNav .title h2{ background: url(../images/indextit.png) no-repeat 0 0; font-size: 0; background-position: -20px 0; }

.iproNav .list .item,

.iproNav .list .nav1{width: 100%; line-height: 50px;}

.iproNav .list .item{border-bottom: 1px dashed #bfefaf;}

.iproNav .list .item s{width: 25px; height: 22px; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; margin: 0 24px 0 15px; background-image: url(../images/proicon.png); background-repeat: no-repeat;}

.iproNav .list .item span{width: 8px; height: 14px; margin-top: 18px; margin-right: 11px; background-position: -115px 0;}

.iproNav .list .item a{background-color:#1261c4; color: #fff; height: 51px;display: block;font-size: 16px;}

.iproNav .list .item a:hover{ background:#52a635}

.iproNav .list .item a.nav1:hover span,.iproNav .list .item a.nav1.hover span{background-position: -129px 0;}

.iproNav .list .item .drop{padding: 0px 0 8px 64px; display: block;}

.iproNav .list .item .drop li{line-height: 24px; height: 100%;}

.iproNav .list .item .drop li a{color: #d4b88f; display: block; font-size: 13px;}

.iproNav .list .item .drop li a:hover{color: #1261c4;}

.iproNav .list .item.hason span{transform: rotate(90deg);}

.iproNav .list .item.hason .drop{display: block;}

.iproNav .list .item.t1 s{background-position: 0 0;}

.iproNav .list .item.t2 s{background-position: 0 -34px;}

.iproNav .list .item.t3 s{background-position: 0 -66px;}

.iproNav .list .item.t4 s{background-position: 0 -100px;}

.iproNav .list .item.t5 s{background-position: 0 -135px;}

.iproNav .list .item.t6 s{background-position: 0 -168px;}

.iproNav .list .item.t7 s{background-position: 0 -202px;}

.iproNav .list .item.t1 .nav1:hover s,.iproNav .list .item.t1 .nav1.hover s{background-position: -30px 0;}

.iproNav .list .item.t2 .nav1:hover s,.iproNav .list .item.t2 .nav1.hover s{background-position: -30px -34px;}

.iproNav .list .item.t3 .nav1:hover s,.iproNav .list .item.t3 .nav1.hover s{background-position: -30px -66px;}

.iproNav .list .item.t4 .nav1:hover s,.iproNav .list .item.t4 .nav1.hover s{background-position: -30px -100px;}

.iproNav .list .item.t5 .nav1:hover s,.iproNav .list .item.t5 .nav1.hover s{background-position: -30px -135px;}

.iproNav .list .item.t6 .nav1:hover s,.iproNav .list .item.t6 .nav1.hover s{background-position: -30px -168px;}

.iproNav .list .item.t7 .nav1:hover s,.iproNav .list .item.t7 .nav1.hover s{background-position: -30px -202px;}

/******ixbanner******/

.ixbanner{width: 100%; height: 170px; display: block; background: #1b2a3d url(../images/ixbannerbg.jpg) no-repeat center top;}

.ixbanner strong{width: 215px; height: 34px; line-height: 34px; text-align: center; color: #fff; float: right; font-family: helv; font-size: 24px; font-weight: normal; margin-top: 62px; display: block;}

.ixbanner:hover strong{font-weight: bold;}

/******公司简介*******/

#floor_4_main{padding-top: 84px;}

#floor_4_main .indexTit{margin-bottom: 55px;}

#floor_4_main .indexTit .left,

#floor_4_main .indexTit .right{width: 398px;}

#floor_4_main .con{*zoom: 1;}

#floor_4_main .con:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

#floor_4_main .aboutLeft{width:490px;}

#floor_4_main .aboutLeft_1{height: 240px; margin-bottom: 30px;}

#floor_4_main .aboutLeft_1 .img{width: 260px; height: 210px; display: block; padding: 15px 14px; margin-right: 36px; background: url(../images/iaboutimgbg.jpg) no-repeat 0 0;}

#floor_4_main .aboutLeft_1 .img img{width: 260px; height: 210px; display: block;}

#floor_4_main .aboutLeft_1 h3.title{height: 50px; font-size: 25px; line-height: 50px; text-align: center;background: #1261c4; color: #fff;margin: 2px 0 10px 0; background-position: -4px -533px;}

#floor_4_main .aboutLeft_1  p{line-height: 25px; font-size: 13px;}

#floor_4_main .aboutLeft_1 .morebtn{width: 210px; height: 35px; margin:25px 0 0 0; background-position: 0 -142px;}

#floor_4_main .aboutLeft_2 li{width: 230px; height: 160px; float: left; margin-left:15px;}

#floor_4_main .aboutLeft_2 li:first-child{margin-left: 0;}

#floor_4_main .aboutLeft_2 li a{width: 230px; height: 160px; display: block; overflow: hidden;}

#floor_4_main .aboutLeft_2 li a:hover img{transform: scale(1.06,1.06);-webkit-transform: scale(1.06,1.06);}

#floor_4_main .aboutLeft_2 li img{width: 230px; height: 160px; -webkit-transition: 0.3s;-o-transition: 300ms;transition:300ms;}

#floor_4_main .aboutRight .title{width: 208px; height: 30px; color: #fff; line-height: 30px; text-align: center; font-size: 16px; left: 50%; top: -15px; margin-left: -104px; background-position: 0 -108px;}

#floor_4_main .aboutRight .imglist{width: 100%; height: 100%; margin: 0 auto; /*padding-top: 42px;*/ overflow: hidden;/*padding-left: 70px;*/}

#floor_4_main .aboutRight .imglist .list{width: 500%;}

#floor_4_main .aboutRight .imglist li{width: 244px; height: 357px; float: left; text-align: center;}

#floor_4_main .aboutRight .imglist img{width: 600px; height: 355px; margin-bottom: 15px; border: 1px solid #e7e7e7; display: block;}

#floor_4_main .aboutRight .leftbtn,

#floor_4_main .aboutRight .rightbtn{width: 20px; height: 40px; background-color: #1261c4; top: 42%; cursor: pointer;}

#floor_4_main .aboutRight .leftbtn span,

#floor_4_main .aboutRight .rightbtn span{width: 11px; height: 16px; margin: 0 auto; display: block; margin-top: 12px;}

#floor_4_main .aboutRight .leftbtn{left: 0;}

#floor_4_main .aboutRight .leftbtn span{background-position: -143px 0;}

#floor_4_main .aboutRight .rightbtn{right: 0;}

#floor_4_main .aboutRight .rightbtn span{background-position: -158px 0;}

.floor_split{height: 15px; margin: 50px auto; background: url(../images/floor_45_split.jpg) no-repeat center top;}



/*案例*/

.pic2{ background:url(../images/picbg2.png) no-repeat top; height: 500px;margin-top: 5%;}

#floor_5_main{ padding: 50px 0 30px; background-color: #fff; position: relative;top: 80px;}

#floor_5_main .title{ width: 168px; height:215px; text-align: right; line-height:20px; font-size: 12px; color: #808080; padding-top:85px;margin-left:3%; display: block; background:url(../images/floor_5_title.png) no-repeat top right; }

#floor_5_main .imglistTog .imglistTogCon{ width: 800px; height: 360px;}

#floor_5_main .imglistTog{ width: 860px;height: 360px;margin-right: 2%;}

#floor_5_main .imglistTog .list{ height: 360px;}

#floor_5_main .imglistTog .item{ width: 390px; height: 360px; margin-right: 20px;}

#floor_5_main .imglistTog .item .img{ width: 350px; height: 270px; padding: 20px; background: url(../images/floor_5_imgbg.png) no-repeat 0 0;}

#floor_5_main .imglistTog .togLeft,#floor_5_main .imglistTog .togRight{ width:32px; height: 32px; bottom: 38px; margin: 0; }

#floor_5_main .imglistTog .togLeft{ left: -105px; margin: 0; background-position: -105px -58px;}

#floor_5_main .imglistTog .togRight{ left: -60px; background-position: -344px 0;}

#floor_5_main .imglistTog .togLeft:hover{ background-position: -306px 0;}

#floor_5_main .imglistTog .togRight:hover{  background-position: -143px -58px;}

#floor_5_main .imglistTog .list .item .hover{ width: 350px; height: 270px; left: 20px; top: 5px; background: url(../images/black67.png) repeat 0 0; opacity:0; filter: alpha(opacity=0); transition: all .3s; }

#floor_5_main .imglistTog .list .item .hover span{ width: 14px; height: 14px; background-position: -63px -33px; margin: 115px auto 4px; display: block; }

#floor_5_main .imglistTog .list .item:hover .hover{ top: 20px; opacity: 1; filter: alpha(opacity=100);}

#floor_5_main .imglistTog .list .item:hover h3{ color: #1261c4;}



/*首页新闻*/

.inews { margin-top:3%;}

.newpic img{ margin:2% auto; width:100%}

#floor_7_main{ width: 100%; margin:1% 0 3% 0; background:#fff url(../images/floor_7_bg.jpg) no-repeat center bottom;}

#floor_7_main .inews_left{ width: 615px; overflow:hidden;}

#floor_7_main .inews_left .img,#floor_7_main .inews_left img{ width: 460px; height: 125px; display: block;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s; }

#floor_7_main .inews_left .img, #floor_7_main .inews_left img:hover{transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);}

#floor_7_main .inews_left .img{ overflow: hidden;}

#floor_7_main .inews_left .img{ position: relative;}

#floor_7_main .inews_left .time{ width: 115px; height: 35px; padding-top:10px; line-height: 16px; background: rgba(6, 54, 116, 0.8); text-align: center; color: #fff; position: absolute; left:20px; top: 0;}

#floor_7_main .inews_left .time .day{ font-size: 48px; line-height: 48px; font-family: Impact; display:block; }

#floor_7_main .inews_left h3{ margin: 28px 0 15px; font-size: 18px; }

#floor_7_main .inews_left h3 a{ color: #1261c4;}

#floor_7_main .inews_left h3 a:hover{ color:#FF1E1E; }

#floor_7_main .inews_left .txt{ color: #707070; line-height:20px; font-size: 12px; margin-bottom: 22px; }

#floor_7_main .inews_right{ width: 560px;}

#floor_7_main .inews_right .item{ width: 100%; border-bottom: 1px solid #d9d9d9; padding: 20px 0 13px;}

#floor_7_main .inews_right .item:first-child{ padding-top: 0;}

#floor_7_main .inews_right .item a{ height:78px; display: block; width: 100%; }

#floor_7_main .inews_right .item:first-child a{ padding-top: 0px;}

#floor_7_main .inews_right .item h3{ font-size: 16px; color: #4c4e5d; }

#floor_7_main .inews_right .item .txt{margin-top: 10px; color: #707070; height: 36px; overflow: hidden; font-size: 13px; line-height: 20px;}

#floor_7_main .inews_right .item .time{ width: 62px; margin-right: 20px; text-align: center; line-height:18px; *line-height: 22px; color: #8c8c8c; }

#floor_7_main .inews_right .item .time .day{ font-size: 48px; line-height: 48px; display: block; *margin-bottom: 4px;font-family: Impact; }

.morebtn{width: 210px; height: 35px;background-position: 0 -142px;}
.news_list h3 {
	display: inline-block;
}
.news_list span {
	float: right;
}

/*首页-底部*/

.about_name {border-left: 5px solid #fff;line-height:30px; padding: 0 10px;margin:2% 0; margin-right:20px; }

.about_name span{    font-size: 20px;color: #C8C8C8;text-transform: uppercase;}

.about_name a h2{ color:#fff; font-weight: bold; font-size:25px;}

.about_name a h2:hover{ color:#fff;} 



.line_message{ background:url(../images/footerbg.jpg) no-repeat center;background-size: 100%;overflow:hidden; height:320px;}

.map_contact {padding-top:60px;height: 249px;}

.index_contact { width:100%;float: left;}

.contact_con {font-size: 14px;line-height: 36px; color:#fff; width:25%; margin-top:20px; border-right:1px solid #fff; padding-left:3%}

.last{ border-right:0px solid #fff;}

.contact_con p{line-height: 2.2; color:#fff;font-size: 14px; font-family:微软雅黑;}

.contact_con dl{padding-left: 32px;}

/*.contact_con dl dt, .contactnr dl dd {color: #666666; font-size: 14px; line-height: 30px;}

.contact_con dl dt { float: left;padding-left: 40px;}

.contact_con dl dd { color: rgba(255, 255, 255, 1);line-height: 34px;}

*/

.message_pc{ width:100%; padding-top:40px}

.contact_bg{ background:url(../images/contact.jpg) no-repeat left center; width:100%; height:100px;}

.contact_bg b{font-size: 20px; color: #757575;}

.contact_bg p{ color: #989898; line-height:22px;font-size: 15px; margin-top: 5%;letter-spacing: 2px;}

.footer_banquan{ border-top:1px solid #eb3d00; background:#333; text-align: center; color:#fff;font-size: 12px; height: 55px;line-height: 55px; }

.footer_banquan a{ color:#fff}

.footer_banquan a:hover{ color:#eb3d00}



/*footer_main*/

#footer_main{ width: 100%; background-color: #FFF;}

#footer_main .bottom{ padding:66px 0 40px;}

#footer_main .bottomLeft{ width: 190px; font-size: 13px; text-align: center; color: #1c222b; border-top: 5px solid #1261c4; padding-top: 15px;}

#footer_main .bottomLeft img{ width: 186px; height: 186px; display: block; margin:0 auto 5px; border: 1px solid #d1d1d1;}

#footer_main .bottomRight{ width:80%; border-top: 5px solid #1261c4; padding-top: 15px;}

#footer_main .bottomNav ul{ width: 94%; padding-bottom: 15px;  margin: 0 auto;}

#footer_main .bottomNav ul li{ width: 120px; line-height: 18px; float: left; padding: 5px 0 15px; font-size: 14px; color: #afafaf; font-family: arial; text-align:center;}

#footer_main .bottomNav ul li a{ color:#626262; display: block; }

#footer_main .bottomNav ul li strong{font-size: 14px; color: #1c222b; font-weight: normal; font-family: "microsoft yahei"; display: block;}

#footer_main .bottomNav ul li a:hover{ color: #1c222b;}

#footer_main .bottomNav ul li a:hover strong{ color: #000;}

#footer_main .bottomRight_2 .txt{ line-height: 24px; color: #1c222b; margin-left: 5px; background:url(../images/foottel.png)  no-repeat center left ; margin: 2% 4%;

text-indent: 3em;font-size: 18px;}

#footer_main .bottomRight_2 .txt span{ display:block; font-family:Impact; font-size:25px; color:#1261c4;}

#footer_main .bottomRight_2  .txt2{ border-top:1px solid #CCC; border-bottom: 1px solid #CCC;color: #727272;font-size: 14px; padding: 2px 0;text-align: center;}

#footer_main .footer{padding: 20px 0; width: 100%;line-height: 35px; color: #fff; font-size: 12px; background: #00306c;}
.footer_m {text-align: center;}
#footer_main .footer a{ color: #fff;}

#footer_main .footer a:hover{ text-decoration: underline;}

#footer_main .logo{ width:92%; margin:0 0 4% 10%;}

#footer_main .logo a{ padding-right: 2%;width: 60%; display: block;overflow: hidden;float: left; border-right: 1px solid #CCC}



.footer:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

.imsg{width: 670px; padding-top: 56px;}

.imsg .title{width: 100%; height: 50px; margin-bottom: 35px; border-top: 1px solid #2e4460; border-bottom: 1px solid #2e4460;}

.imsg .title s{width: 28px; height: 28px; background-position: 0 -37px;}

.imsg .title h3{width: 344px; height: 50px; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; margin-left: 10px; background: url(../images/indextit.png) no-repeat 0 0; background-position: 0 -478px;}

.imsg .item{height: 35px; width: 316px; margin-bottom: 24px; font-family: "宋体";}

.imsg .item label{width: 66px; height: 35px; line-height: 35px; float: left; font-size: 18px; color: #fff;}

.imsg .item input{width: 250px; height: 35px; line-height: 35px; float: left; background: #fff; text-indent: 5px;}

.imsg .item.youxiang,

.imsg .item.address{margin-left: 36px;}

.imsg .item.liuyan{height: 100px; width: 100%; line-height: 26px;}

.imsg .item.liuyan textarea{float: left; width: 582px; height: 80px; padding: 10px; resize: none; border: none; background: #fff; overflow: hidden;}

.imsg .itemsub{width: 100%; margin-top: 5px; text-align: right;}

.imsg .itemsub .sub{width: 210px; height: 32px; cursor: pointer; background-position: 0 -72px; border: 0px;}

.bContact{width: 270px; margin-top: 46px; padding: 14px 0 0 33px; color: #fff; font-size: 15px; font-family: "宋体"; background: url(../images/bottomimsg.jpg) no-repeat left top;}

.bContact .title{background: url(../images/indextit.png) no-repeat 0 0; width: 270px; height: 48px; font-size: 0; background-position: -4px -578px;}

.bContact dl{padding: 6px 0 5px; border-top: 1px dashed #324b6a;}

.bContact dl s{width: 18px; height: 23px; margin-right: 5px;}

.bContact dl dd{padding-left: 44px; margin-top: 3px; line-height: 28px;}

.bContact dl.d1{border-top: 0px;}

.bContact dl.d1 s{background-position: -36px -25px;}

.bContact dl.d2 s{background-position: -59px -22px;}

.bContact dl.d3 s{background-position: -83px -25px;}



.bContact dl.d4 s{background-position: -210px 3px;}

.bNav{height: 34px; line-height: 34px; text-align: center; border-top: 1px solid #2e4460; border-bottom: 1px solid #2e4460; margin: 50px auto 40px;}

.bNav a{padding: 0 27px; color: #fff; font-size: 13px; display: inline-block;}

.bNav a:hover{color: #d4b88f;}

.copyright{background-color: #0b1119; height: 35px; line-height: 35px; color: #576270; font-size: 12px;}

.copyright a{color: #576270;}

.copyright a:hover{color: #d4b88f;}



.dialog-layout{position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 99; background: #000; background: rgba(0, 0, 0, 0.9); filter: alpha(opacity=90);}

.indexBigimg{width: 100%; height: 100%; left: 0; top: 0; position: fixed; z-index: 111;}

.indexBigimg img{width: 600px; height: 450px; position: absolute; left: 50%; top: 50%; margin-left: -300px; margin-top: -275px; z-index: 111;}

.indexBigimg .close{position: absolute; left: 50%; top: 50%; margin-left: 340px; margin-top: -310px; width: 20px; height: 20px; background-position: -176px 0; transition: all .3s; cursor: pointer;}

.indexBigimg .close:hover{transform: rotate(90deg);}

/************category************/

/* 内容 */

.wrapper{ padding: 0px 0px 30px;}

.content { width:70%;background-color: #fff;padding: 0 2%;}

.sitepath{ height: 54px; line-height: 54px; color: #666666; border-bottom: 1px solid #dddddd;  margin:6px auto 20px; font-size: 14px;}

.sitepath s{ width:22px; height: 26px; background-position: -133px -30px; margin-right: 8px;}

.sitepath span{ color: #e59f19; font-weight: bold;}

.sitepath a{ color: #666666; }

.sitepath a:last-child{color:#666666; font-weight: bold;}

.sitepath a:hover { color: #1261c4;}



.index_product_tel{ padding:20px; width:179px;border-bottom:1px solid #e9e9e9;border-right:1px solid #eeeeee;border-left:1px solid #eeeeee;}

.index_product_tel h3{color:#000; font-size:18px;  line-height:40px; display:inline-block; padding-left:50px; background:url(../images/index_icon1.png) no-repeat left center;}

.index_product_tel p{ color:#1261c4; font-size:22px;  line-height:30px; font-weight:bold;} 

.index_product_l{ width:220px; background: #fff;}

.index_pr_title{ width:220px; height:100px; background:url(../images/index_product_t.jpg) no-repeat center center;}

.index_pr_title h1{ padding-top:20px;font-weight:bold; font-size:24px; color:#FFF; line-height:36px; padding-left:20px; }

.index_pr_title p{font-weight:bold; font-size:18px; color:#FFF; line-height:30px; padding-left:20px;}

.vtitle{width:218px;line-height:60px; font-size:16px; color:#333; border-bottom:1px solid #e9e9e9; text-indent:50px;border-right:1px solid #eeeeee;border-left:1px solid #eeeeee;} 

.vtitle a:hover{ color:#FFF; background-color:#55caff;}

.vtitle .hover{ color:#FFF; background-color:#55caff;}

.vtitle1{width:218px; height:60px; line-height:60px; font-size:16px; color:#333; border-bottom:1px solid #e9e9e9; text-indent:50px;border-right:1px solid #eeeeee;border-left:1px solid #eeeeee; } 

.vtitle1 .v{background:url(../images/leiye_nav_bg.png) no-repeat;}

.vtitle1:hover{ color:#FFF; background-color:#55caff;}

.vtitle1:hover a{ color: #fff;}

.vtitle1 .hover {

    color:#FFF; background-color:#55caff;

    }

.vconlist{ text-indent:50px; border-bottom:1px solid #e9e9e9;border-right:1px solid #eeeeee;border-left:1px solid #eeeeee;}

.vconlist li { height:48px;line-height:48px; padding: 0 10px;}

.vconlist li a{ font-size:14px; height: 48px; color:#666; width: 100%; border-bottom: 1px solid #eee; display:block;}



.v{float:right;width:17px;height:17px;overflow:hidden;display:inline-block; margin:20px 50px 20px 0;background-position:0 0;}

.v01{background-position:-17px 0;}

.vcon{ display:none;}

.vconlist li.hover,.vconlist li:hover{ background: #3fc9eb; color: #fff; border-color: #fff; }

.vconlist li.hover a,.vconlist li:hover a{ color: #fff;}



.wrapper .leftTit{ width:100%; height:38px; line-height: 38px; color: #1261c4; position: relative; font-weight: bold; font-size: 16px; background:url(../images/contenttitbg.png) repeat-x left top; border-bottom:1px solid #e4e4e4;}

.wrapper .leftTit s{ width:9px; height: 38px; background-position: -178px -30px; margin-right: 14px; vertical-align: top;*vertical-align: middle; }



.recommend{ border:1px solid #e4e4e4; padding-bottom: 10px; background: #fff; font-size: 12px; margin-bottom: 20px;}

.recommend .leftTit a{ color:#555555; font-size: 12px; margin-right: 15px; font-weight: normal;}

.recommend .leftTit a:hover{ color: #1261c4;}

.reNew .list{ padding-left: 20px; padding-top: 10px;}

.reNew li{ width:334px; padding:0px 20px 0px 0px; line-height: 28px; float: left;}

.reNew li s{ width:12px; height: 12px; background-position: -162px -27px;}

.reNew li a{ color: #666666; display:block;}

.pageNews .reNew li{ width: 280px; }

.rePro .list{  padding-top: 18px;}

.rePro li {float:left; width:150px; margin-left:15px;text-align:center; line-height:30px; }

.rePro li a{ display:block; color: #555555; }

.rePro li a:hover{ color:#1b2a3d }

.rePro li img { width:154px; height:116px; border:1px solid #e6e6e6; display:block; }

.rePro li img:hover { opacity:0.8; filter:Alpha(opacity=80); border:1px solid #1261c4; }

.recommend li a:hover{ color:#1261c4;}

.newrePro li{ width: 140px;}

.newrePro li img{ width: 138px; height: 104px;}

/* pager */

.pagingNav:after {visibility:hidden;display:block;font-size: 0;content: " ";clear:both;height:0;}

.pagingNav{*zoom:1;}

.pager { display:block; border:1px solid #cccccc; padding:6px 5px; margin:15px 0 5px; text-align:right; clear:both; }

.pager span, .pager a{ display:inline-block; border:1px solid #ccc; color:#666;  height:20px; line-height:20px; padding:2px 8px 2px; text-decoration:none; margin:0 2px;  }

.pager a:hover{ background:#1b2a3d; border-color:#1b2a3d; color:#fff; text-decoration:none;}

.pager .cur{ background:#1b2a3d; border-color:#1b2a3d;  color:#fff; }

.pager span.dot{ background:#1b2a3d; border-color:#1b2a3d; color:#fff; }

.pager span.txt{ float:left; border:0px; font-size: 12px; margin-top: 2px; }

.pager .pagingNav p{ float:left;}

.listProduct .pager,.listCase .pager{ margin-bottom:20px;}

/* reLink */

.reLink {  width:714px;height:38px; line-height:38px; color: #666; border:1px solid #e4e4e4;  margin-bottom:15px; }

.reLink .prevLink { float:left; margin-left:10px; }

.reLink .nextLink { float:right; margin-right:10px; }

.reLink a{ color: #666;}

.reLink a:hover{ color: #1261c4;}

/*侧栏*/

.sideBar{ width:23%;}

.sideBar .iproNav{ padding-bottom: 20px; color: #fff;}

.sideBar .iproNav .title{  text-align: center;}

.sideBar .iproNav .title h2{ height: 70px; line-height:50px; font-family: "microsoft yahei"; font-size: 30px; }

.sideBar .iproNav .title .en{ font-size: 16px; font-family: arial; display: none; text-transform: uppercase; }

.sideBar .con{ width:227px;  background: #fff;}

.leftRecom{ width:227px; border:1px solid #e4e4e4; margin: 20px 0; background: #fff;}

.leftRecom li{ width:198px;  margin: 10px auto; text-align: center;}

.leftRecom li img{ width:183px; height: 137px; margin: 0 auto; padding:2px; border:1px solid #e3e3e3; display: block;}

.leftRecom li h3{ color: #666666; line-height: 30px;}

.leftRecom li:hover img{ background: #1261c4; border-color: #fff;}

.leftRecom li:hover h3{ color: #1261c4}

.leftCon{ border:1px solid #e4e4e4; background: #fff; }

.leftCon .leftTel{width: 95%; margin: 0 auto;line-height: 1.7; }

.leftCon .leftTel .icon1{ width: 43px; height: 43px; margin-right:6px; background: url(../images/index_icon1.png) no-repeat left center;}

.leftCon .leftTel span{ color:#303030; font-size:14px; }

.leftCon .leftTel strong{ font-size:16px; color: #1261c4; font-weight: bold; font-family: impact;  display: block; line-height: 3; }

.leftCon .icontxt{ font-size:12px; color:#303030; line-height:24px; padding:16px 15px;}

.singlePage .contxt{ font-size: 14px; color: #555;  padding:0px 8px; line-height: 30px;}

.singlePage .contxt h3{ font-size:26px; color:#DB3717; padding-bottom:3%; margin-bottom: 2%;border-bottom: 1px solid #D0D0D0;text-align: center;}

.pro_ny_sa{ width:700px; color:#c2c2c2;text-align:center; padding-top:8px; font-size: 12px;}

/* listProduct */

.listProduct .item{ width:188px; float:left; margin:0px 20px 20px 0px;border: 1px solid #dddddd; text-align: center; overflow: hidden; }

.listProduct .item:hover{border: 1px solid #1261c4;  }

.listProduct .item img{ width:188px; height:220px; display: block;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s; }

.listProduct .item img:hover{transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);}

.listProduct .item a{ display: block; width: 100%;}

.listProduct .item1 img{ width:234px;  display: block; background: #fff; border: 1px solid #dddddd; }

.listProduct .item h3{ width:100%; height:40px; line-height: 40px; display: block; color:#555555;  }

.listProduct .item:hover h3{ color: #1261c4;}

.honorPage .item img{ height: 312px; }

/* .pageProduct */

.pageProduct2 h1 { font-family:"Microsoft Yahei"; font-size:18px; line-height:25px; padding:15px 0; text-align:center; font-weight:700; }

.pageProduct2 .photo { margin-bottom:20px; }

.pageProduct2 .photo .img { display:block; padding:4px; border:1px solid #dbe7c7; margin:0 auto; }

.pageProduct2 .detaiInfo { margin-bottom:10px; }

/* pageProduct2 */

.pageProduct .contentCon{ background: #fff; border: 1px solid #dfdfdf; padding:20px 15px; }

.pageProduct .tod{}

.pageProduct .photo { width:358px; margin-bottom: 20px; }

.pageProduct .photo .jqzoom{ border:1px solid #ddd; width:358px; height:269px; position:relative; padding:0px; cursor:pointer; overflow: hidden;} 

div.zoomdiv {  z-index:  999; position: absolute; top:0px; left:0px; width: 200px;height: 200px; background: #ffffff;  border:1px solid #CCCCCC; display:none;  text-align: center; overflow: hidden;}

div.jqZoomPup { z-index : 999; visibility: hidden;  position: absolute; top:0px; left:0px;  border: 1px solid #aaa; background: #ffffff; opacity: 0.5;-moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50);

}

.pageProduct .photo .img { width:358px; height:269px; display:block; }

.pageProduct .photoimg{ width:358px; height:82px; padding-top:10px; position:relative;}

.pageProduct .photoimg .list{ width:292px; overflow:hidden;position:relative; margin-left:38px;}

.pageProduct .photoimg .icon{ width:6px; height:12px; position:absolute; top:40px; cursor:pointer;}

.pageProduct .photoimg .btnleft{ left:10px; background-position:-196px -30px;}

.pageProduct .photoimg .btnright{  right:10px; background-position:-196px -42px;}

.pageProduct .photoimg .list .listcon{ width:300%;}

.pageProduct .photoimg a{ width:85px; height:64px; display:block; float:left;  margin-right:14px; border:1px solid #ddd;}

.pageProduct .photoimg a img{ width:85px; height:64px; display:block;}

.pageProduct .photoimg a:hover{ border:1px solid #1261c4;}

.pageProduct .baseInfo { width:300px; }

.pageProduct .baseInfo h1{ color:#555; font-weight:bold; font-size:16px; }

.pageProduct .baseInfo .miaos{ color: #666; margin-top: 20px;}

.pageProduct .baseInfo .miaos p{ padding-left: 5px;}

.pageProduct .baseInfo .showtel{ width:90%; padding:10px 5%; margin-top:20px; line-height: 28px; background: #f3f3f3;}

.pageProduct .baseInfo .showtel .telcon{ line-height: 28px;}

.pageProduct .baseInfo .showtel .telcon strong{ font-size:24px;font-family: impact; font-weight: normal;  color: #1261c4; }

.pageProduct .baseInfo .button { width:107px; height: 36px; margin-top: 10px; line-height:36px; margin-right:15px;  border-radius:2px; display:block; text-align: center; color:#fff; background: #1b2a3d; }

.pageProduct .baseInfo .button:hover { background:#1261c4; }

.pageProduct .detaiTit { height:44px; line-height:44px; border-bottom:1px solid #cecece; margin:15px auto 15px; }

.pageProduct .detaiTit h2{ width:95px; height: 42px; line-height: 39px; border-bottom:3px solid #1b2a3d; text-align: center; color:#1b2a3d;font-size:16px; }

.pageProduct .detaiInfo { margin-bottom:10px; padding:0px 10px 10px; color:#666; line-height:2em;}

.pageProduct .showpContact{ background:url(../images/show_contact_pic.jpg) no-repeat right bottom; border:1px solid #e4e4e4; padding-bottom: 10px; }

.pageProduct .showpContact .txt{ padding:15px; color: #666; min-height: 58px; }

.pageProduct .reInformation{ border:1px solid #e5e4e4; margin-top:20px; padding-bottom:30px;}

.pageProduct .reInformation .tit{ font-weight:bold; font-size:16px; color:#333; }

.pageProduct .reInformation{ border:1px solid #e5e4e4; margin-top:10px; padding-bottom:30px;}

.pageProduct .reInformation .tit{ font-weight:bold; font-size:16px; color:#333; margin:10px 0px 0px 20px;}

/* listNews */

.listNews .list { padding:10px; overflow:hidden; }

.listNews .item { width:100%;  border-bottom:1px solid #dfdcdc; padding-bottom: 20px; margin-bottom: 25px; }

.listNews .item dt a { font-weight: bold; color: #1b2a3d; font-size:16px;}

.listNews .item dt a:hover { color: #1261c4; text-decoration:underline; }

.listNews .item .time { color:#666666; font-size: 12px; font-weight: normal; }

.listNews .item dd{ height: 44px; margin-top: 10px; font-size: 14px; color: #666666; line-height: 22px;}

.listNews .pager{ width:710px; margin-left: 10px; line-height:30px;}

.listNews .pager p{ float:left;}

/* pageNews */

.pageNewsRight{ width:300px; }

.pageNewsRight a{ display: block;}

.pageNewsRight .right_1,.pageNewsRight .right_2{ margin-bottom: 20px; border: 1px solid #eee;}

.pageNewsRight .con{ width:94%; background: #fff; padding: 3%;}

.pageNewsRight .right_1 .item h3{ line-height: 36px; }

.pageNewsRight .right_1 .item .xx{ display: none;}

.pageNewsRight .right_1 .item img{ width:80px; height: 60px; float: left; display: block; margin-right: 10px;} 

.pageNewsRight .right_1 .item .txt{ height:60px; overflow: hidden; line-height: 20px; font-size: 12px; color: #999;}

.pageNewsRight .right_2 .con{ padding:5%; width:90%;}

.pageNewsRight .right_2 ul{ background:url(../images/nnewsbg3.jpg) no-repeat 4px 6px;}

.pageNewsRight .right_2 li{ line-height: 24px; font-size: 12px;}

.pageNewsRight .right_2 li a{ color: #666; text-indent: 32px;}

.pageNewsRight .right_2 li a:hover{ color: #1b2a3d;}

.pageNewsRight .right_2 li span{ float: right; color: red; font-size: 12px;}

.pageNews{ width:640px;}

.pageNews h1.bt{ font-size:18px; line-height:25px; padding:15px 0; text-align:center; font-weight: bold; color:#333; border-bottom: 1px dotted #afafaf; margin-bottom: 5px; }

.pageNews .mark { height:30px; line-height:30px; text-align:center; font-size:12px; color: #999;  }

.pageNews .mark span { margin-right: 14px; }

.pageNews .info { margin-bottom:20px; padding: 10px 0; color: #666; }

.pageNews .showtag{ padding-left: 20px; margin: 30px 0 18px; color: #666;}

.pageNews .showtag a{ color: #666; text-decoration: underline;}

.pageNews .reLink {  width:640px;}

.list_news_m ul li {margin-bottom: 10px;border-bottom: 1px solid #ccc;}
.news_tit h3 {display: inline-block; font-size: 16px;}
.news_tit span {float: right; color: #777;}
.news_txt {padding: 0.5em 0; line-height: 1.5em; color: #6b6b6b;}

/* mapPage  */

.maplist li a {background: #eee;  width: 98%;  height: 30px;  line-height: 30px;  display: block;  margin-bottom: 10px;  padding-left: 2%;  font-weight: bold; }

.maplist li .box {  width: 110%;  height: auto;  margin-bottom: 10px;}

.maplist li .box a { height: 26px;  line-height: 26px;  width: 168px; display:inline-block;  text-align: center;  margin-right: 8px; padding:0px; border:0px; font-weight: normal;}

.maplist li .box a:hover {  background: #f35b07; color: #fff;}

/* formData */

.formData { width:550px; margin:0px auto 20px; padding-top:30px; }

.formData .item{ margin-bottom: 10px; height: 27px; line-height: 27px;}

.formData .liuyan{ height:82px;}

.formData .item p{ width:90px; float: left; text-align: right; line-height:27px; height: 27px;}

.formData .item label { margin-right:5px; }

.formData .item .tip { width:150px; margin-left:20px; float: left; }

.formData .item input, .formData tr.code input { width:250px; height:25px; line-height:25px; color:#666; float: left; border:1px solid #ccc; border-radius:2px; padding:0 5px; }

.formData .item textarea { width:250px; height:80px; resize: none; overflow: hidden; color:#666; border:1px solid #ccc; margin-bottom:15px; border-radius:3px; padding:0 5px; }

.formData .item input:focus, .formData tr.code input:focus, .formData tr.item textarea:focus { border:1px solid #999; }

.formData .code{ height: 27px;}

.formData .code input { width:90px; float: left; }

.formData .item .sub { width:102px; height:32px; line-height:32px; text-align:center; background:#1b2a3d; border-radius:2px; color:#FFF; border:none; margin-right:10px; cursor:pointer; }

.formData .sub:hover { background:#666; }

.formData tr.code img { float: left; vertical-align:middle; *vertical-align:0; margin-left:10px; }

.formData .err, .formData .red { color:#ff0000; }

.formData .red { font-size:16px; line-height:16px; font-weight:700; margin-right:5px; }

/************category************/

/********.toolbar1*********/

.toolbar1{width: 50px; position: fixed; right: 10px; top:35%; z-index: 999;}

.toolbar1 dd{width: 50px; height: 50px; background: #1261c4; position: relative;}

.toolbar1 dd i{width: 50px; height: 50px; display: block; position: absolute; left: 0; top: 0; cursor: pointer; text-align: center;}

.toolbar1 dd i span{width: 35px; height: 35px; display: block; margin: 7px 0 0 7px; *margin: 7px 0 0 0; background: url(../images/rightfixicon.png) no-repeat 0 0;}

.toolbar1 .slide-tel{display: block; width: 0; height: 50px; line-height: 50px; font-size: 24px; font-weight: bold; font-family: arial; color: #FFF; position: absolute; padding: 0 0 0 50px; top: 0; right: 0; overflow: hidden; background: #1261c4;}

.toolbar1 .pop{position: absolute; right: 90px; top: -65px; background: #299214; display: none;}

.toolbar1 .pop-code{width: 120px; padding: 20px 20px 0;}

.toolbar1 .pop-code img{width: 120px; height: 120px; display: block;}

.toolbar1 .pop-code h3{height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 13px; font-weight: 400; white-space: nowrap;}

.toolbar1 .qq span{background-position: 0 -47px;}

.toolbar1 .qq a{width: 50px; height: 50px; cursor: pointer; display: block;}

.toolbar1 .qq:hover{background: #299214;}

.toolbar1 .qq:hover span{background-position: -40px -47px;}

.toolbar1 .tel span{background-position: 0 0;}

.toolbar1 .tel:hover{background: #299214;}

.toolbar1 .tel:hover span{background-position: -40px 0;}

.toolbar1 .code span{background-position: 0 -95px;}

.toolbar1 .code:hover{background: #299214;}

.toolbar1 .code:hover span{background-position: -40px -95px;}

.toolbar1 .top span{background-position: 0 -142px;}

.toolbar1 .top:hover{background: #299214;}

.toolbar1 .top:hover span{background-position: -40px -142px;}

/* Float Shadow */

.hvr-float-shadow{display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform;}

.hvr-float-shadow:before{pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity;}

.hvr-float-shadow:hover,.hvr-float-shadow:focus,.hvr-float-shadow:active{-webkit-transform: translateY(-5px); transform: translateY(-5px);

/* move the element up by 5px */}

.hvr-float-shadow:hover:before,.hvr-float-shadow:focus:before,.hvr-float-shadow:active:before{opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px);

/* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */}

/*@font-face*/

@font-face{

	font-family: 'helv'; 

	src: url('../other/helv.eot'); 

	src: url('../other/helv.eot?#iefix') format('embedded-opentype'), 

			 url('../other/helv.woff') format('woff'), 

			 url('../other/helv.ttf') format('truetype'), 

			 url('../other/helv.svg#verdemoderna') format('svg');}

/*# sourceMappingURL=style.css.map */





/*hover css3*/

.hvr-underline-from-left{display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden;}



.hvr-underline-from-left:before{content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: #1261c4; height:2.5px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}



.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before{right: 0;}



/*翻页*/

.pglist{ width:100%;clear:both;height:80px; }

.pglist ul{ width:100%;text-align:right; padding-top:20px;}

.pglist ul li{

	vertical-align: bottom; display:inline-block;*display:inline; zoom:1;

 	width:30px;height:30px; margin-left:5px;_display:inline; _zoom:1; _margin-left:5px;  border:1px solid #0D1D31;

 	font-size:14px;line-height:30px; text-align:center; background:#1B2A3D}

.pglist ul li a{color:#fff; line-height:30px; display:block}

.pglist ul li.home,.pglist ul li.end{ width:60px; height:30px; border:1px  solid #122a70;}

.pglist ul li.next,.pglist ul li.last{ 

	width:30px; height:30px;border:1px  solid #1B2A3D;

	font-size:24px;line-height: 30px;  font-family:'宋体'!important; font-weight:bold; }

.pglist ul li.on{background:#1261c4;border:1px  solid #1261c4;}

.pglist ul li.on a{color:#fff;}

.pglist ul li.nohover{background:#1B2A3D;border:1px  solid #10233A;font-family:'微软雅黑';color:#fff}

.pglist ul li.nohover a{color:#fff;}



.page{margin: 2% 0;padding: 1%;line-height: 35px;border-top: 1px solid #C7C7C7;}

.page a{display: block;text-align: left;}



.fanye{ width:640px;margin:0 auto; padding-top:10px;position:relative;  border-top:1px #A9A9A9  solid; padding-bottom:40px;}

.fanyea{margin:0 auto; padding:20px 0;position:relative;  border-top:1px #D4D4D4  solid;border-bottom: 1px #D4D4D4 solid;}

.fanyea a:hover{ color:#D20A0A}





.animate{ opacity: 0;}

.delay100 { -webkit-animation-delay:100ms; animation-delay:100ms; }

.delay200 { -webkit-animation-delay:200ms; animation-delay:200ms; }

.delay300 { -webkit-animation-delay:300ms; animation-delay:300ms; }

.delay400 { -webkit-animation-delay:400ms; animation-delay:400ms; }

.delay500 { -webkit-animation-delay:500ms; animation-delay:500ms; }

.delay600 { -webkit-animation-delay:600ms; animation-delay:600ms; }

.delay700 { -webkit-animation-delay:700ms; animation-delay:700ms; }

.delay800 { -webkit-animation-delay:800ms; animation-delay:800ms; }

.delay1000 { -webkit-animation-delay:1000ms; animation-delay:1000ms; }

.delay1100 { -webkit-animation-delay:1100ms; animation-delay:1100ms; }

.delay1200 { -webkit-animation-delay:1200ms; animation-delay:1200ms; }

.delay1300 { -webkit-animation-delay:1300ms; animation-delay:1300ms; }

.delay1500 { -webkit-animation-delay:1500ms; animation-delay:1500ms; }

.delay1700 { -webkit-animation-delay:1700ms; animation-delay:1700ms; }

.delay2000 { -webkit-animation-delay:2000ms; animation-delay:2000ms; }

.delay2200 { -webkit-animation-delay:2200ms; animation-delay:2200ms; }

.delay2400 { -webkit-animation-delay:2400ms; animation-delay:2400ms; }

.delay2600 { -webkit-animation-delay:2600ms; animation-delay:2600ms; }

.delay2800 { -webkit-animation-delay:2800ms; animation-delay:2800ms; }

.delay3000 { -webkit-animation-delay:3000ms; animation-delay:3000ms; }

.delay4000 { -webkit-animation-delay:4000ms; animation-delay:4000ms; }

.delay5000 { -webkit-animation-delay:5000ms; animation-delay:5000ms; }









.biger { -webkit-animation-name:biger; animation-name:biger; }



/*.upIn { -webkit-animation-name:upIn; animation-name:upIn; }



.downIn{-webkit-animation-name:downIn; animation-name:downIn;}



.fadeInUp { -webkit-animation-name: fadeInUp;  animation-name: fadeInUp;}



.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight;}



.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;}*/



.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both;  animation-fill-mode:both; }



.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }











@-webkit-keyframes fadeInLeft {



  0% {



    opacity: 0;



    -webkit-transform: translate3d(-20%, 0, 0);



    transform: translate3d(-20%, 0, 0);



  }



  100% {



    opacity: 1;



    -webkit-transform: none;



    transform: none;



  }



}



@keyframes fadeInLeft {



  0% {



    opacity: 0;



    -webkit-transform: translate3d(-20%, 0, 0);



    -ms-transform: translate3d(-20%, 0, 0);



    transform: translate3d(-20%, 0, 0);



  }



  100% {



    opacity: 1;



    -webkit-transform: none;



    -ms-transform: none;



    transform: none;



  }



}



@-webkit-keyframes fadeInRight {



  0% {



    opacity: 0;



    -webkit-transform: translate3d(20%, 0, 0);



    transform: translate3d(20%, 0, 0);



  }



  100% {



    opacity: 1;



    -webkit-transform: none;



    transform: none;



  }



}



@keyframes fadeInRight {



  0% {



    opacity: 0;



    -webkit-transform: translate3d(20%, 0, 0);



    -ms-transform: translate3d(20%, 0, 0);



    transform: translate3d(20%, 0, 0);



  }



  100% {



    opacity: 1;



    -webkit-transform: none;



    -ms-transform: none;



    transform: none;



  }



}



@-webkit-keyframes downIn{



	0%{



		opacity:0;



		-webkit-transform:translateY(30px);



	}



	100%{



		opacity:1;



		-webkit-transform:translateY(0);



	}



}



@-moz-keyframes downIn{



	0%{



		opacity:0;



		-moz-transform:translateY(30px);



	}



	100%{



		opacity:1;



		-moz-transform:translateY(0);



	}



}







@-o-keyframes downIn{



	0%{



		opacity:0;



		-o-transform:translateY(30px);



	}



	100%{



		opacity:1;



		-o-transform:translateY(0);



	}



}



@keyframes downIn{



	0%{



		opacity:0;



		 -ms-transform:translateY(30px);



		     transform:translateY(30px);



	}



	100%{



		opacity:1;



		 -ms-transform:translateY(0);



		     transform:translateY(0);



	}



}







@font-face {



	font-family: 'helv';



	src:url('../other/helv.eot');



	src:url('../other/helv.eot?#iefix') format('embedded-opentype'),



		url('../other/helv.woff') format('woff'),



		url('../other/helv.ttf') format('truetype'),



		url('../other/helv.svg#verdemoderna') format('svg');



}   
.fenye{
  margin: 20px auto;
  text-align: center;
}
.fenye span{
  color: white;
  background:#f8413d;
  padding: 5px 12px;
  display: block;
  float: left;
  margin: 7px;
}
.fenye a{
  margin: 7px;
  padding: 5px 12px;
  color: #222;
  background:#F5F5F5;
}
.fenye .on {
  color: #fff;
  background-color: #5087ec;
}