@charset "utf-8";
/* CSS Document */

@import url("reset.css");
i,em{font-style: normal;}
.relative {position:relative;}
.absolute {position:absolute;}
.content,.content1{ transition: ease 0.5s all; -o-transition: ease 0.5s all; -webkit-transition: ease 0.5s all; -moz-transition: ease 0.5s all; -ms-transition: ease 0.5s all}

.h_wai{ }
.youx{width: 100%; background:#1a367f;}
.youxiang{width: 1000px; height: auto; margin: 0 auto;}
.youxiang a{ color:#FFFFFF; float:right;}
.youxiang a img { height:12px; margin-top:5px;}

.head{width: 1100px; height:98px; margin: 0 auto;}
.head .logo{width: 260px; height: 98px; float: left; background:url(../images/logo.jpg) no-repeat}
.head .menu{ width: 780px; height: 98px; float: right;}

.nav{width:100%;height:33px;border-bottom:0px; font-size:14px; position:absolute;line-height: 38px; z-index:1; margin-top:30px;}
.nav a{ display:block; }
.nav a:hover { color:#FFFFFF;}
.menu1{width:100px;height:auto;color:#fff;cursor:hand; background-color:#0a4a96; }
.menu2{width:100px; height:33px; color:#666; overflow-y:hidden; }
.list{line-height:30px;text-align: center; background-color:#fff; font-size:13px; }
.list a{  float:left; width:100px; text-decoration:none; }
.list a:hover{ float:left; width:100px; font-weight: bold; color:#0a4a96; text-decoration:none; }
.nav ul,li{ margin:0 3px; padding:0px; }
.nav li{ display:inline; line-height:38px; text-align:center; float:left; }

/*
.head .menu p{display: inline-block; position: relative; height: 30px;}
.head .menu p span{ display: block; text-align: left; width: 150px;height: 0; overflow: hidden; position: absolute; top:30px; left: -45px; z-index:9; background:rgba(37,103,164,0.8);}
.head .menu p:hover span{height: auto;}
.head .menu p span>a{display: block; height: 30px; line-height: 30px; padding: 0 10px; color: #fff;}
.head .menu p span>a:hover{ background: #ff6502}
*/
.banner{ width:100%; height:556px; overflow:hidden; position:relative;font-size:0}
.b-img{ height:600px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:556px; float:left;}
.b-list{ height:50px; padding-top:500px; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:3px solid #059997;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:220px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:220px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}


.content{width: 1100px; margin: 0 auto; padding: 90px 0 0 0}
.in_pro{ width: 100%; margin-bottom: 90px}
.in_tit{ height: 25px; padding-bottom: 8px; margin-bottom: 33px; border-bottom: 1px solid #ebebeb}
.in_tit p{ padding-left: 10px; height: 25px; font-size: 26px; color: #1a3880; border-left: 5px solid #193579;}
.in_tit p i{ display: inline-block; font-size: 16px; color: #aaa; margin-left: 10px}
.in_pro .inp_ul{ width: 110%; overflow: hidden;}
.in_pro .inp_ul li{ width: 346px; float: left; margin-right: 30px; text-align: center}
.in_pro .inp_ul li p{width: 346px; height: 243px;overflow: hidden; position: relative}
.in_pro .inp_ul li p em{display: block; position: absolute; z-index: 2; width:306px; height: 30px; color: #fff; background: rgba(25,53,121,0.9); bottom:-90px; left: 0; padding: 20px}
.in_pro .inp_ul li span{display: block; height: 45px; line-height: 45px;}
.in_pro .inp_ul li a:hover em{ bottom: 0;}

.in_cp li p{ border:1px solid #dadada}
.in_cp li a:hover p{ border-color: #193579}

.in_about{ width: 100%; margin-bottom: 90px}
.ina_ul{ overflow: hidden;}
.ina_ul li{ width: 360px; height: 317px; float: left; overflow: hidden;}
.ina_ul li img{display: block;}
.ina_ul li p{ width: 287px; height: 237px; padding: 40px; background: #0061ae; color: #fff;}
.ina_ul li p b{display: inline-block; font-size: 16px; padding: 0 20px 5px 0; margin-bottom: 10px; color: #f3c701; border-bottom: 1px solid #f3c701}
.ina_ul li p em{display: block; height: 130px; padding-bottom: 20px; overflow: hidden;}
.ina_ul li p a{display: block; width: 100px; height: 30px; line-height: 30px; border:1px solid #fff; color: #fff; margin: 0 auto; text-align: center}
.ina_ul li p a:hover{ background: #fff; color: #193579;}
.ina_ul li:hover img,.ina_ul li:hover p{ transform: translateY(-317px); -webkit-transform: translateY(-317px)}

.inn_tit{ margin-bottom: 33px; text-align: center}
.inn_tit p{ font-size: 26px; color: #1a3880;}
.inn_tit p i{ display: inline-block; font-size: 16px; color: #aaa; margin-left: 10px}

.in_news{ width: 100%; margin-bottom: 90px}
.inn_ul{ overflow: hidden; width: 110%;}
.inn_ul li{ width: 318px; margin-right: 74px; float: left; text-align: center}
.inn_ul li span{display: block; width: 318px; height: 191px;}
.inn_ul li img{display: block; width: 318px; height: 191px;}
.inn_ul li p{ padding-top: 20px;}
.inn_ul li p a{ color: #193579; font-size: 16px; display: block; padding-bottom: 20px}
.inn_ul li p i{display: block; color: #888787;}
.inn_ul li:hover{ transform: translateY(-20px); -webkit-transform: translateY(-20px)}

.inc_ul{ width: 110%; height:200px; transition: none}
.inc_ul li{ width: 237px; margin-right: 51px; float: left; text-align: center}
.inc_ul li span{display: block; margin-bottom: 10px}
.inc_ul li:hover{ transform: translateY(-10px); -webkit-transform: translateY(-10px)}

.foot{width: 100%; padding: 80px 0; background: #193579 url(../images/index1_46.jpg) no-repeat center bottom}
.foot .foot_cen{ width: 1100px; margin: 0 auto; background: url(../images/rdx_43.jpg) no-repeat center top; padding-top: 95px; color: #fff; text-align: center;}
.foot .foot_cen p{ padding-bottom: 24px}
.foot .foot_cen p a{ color: #fff; font-size: 16px}
.foot .foot_cen span{display: block; padding-bottom: 130px; background: url(../images/rdx_47.jpg) no-repeat center 70px}
.foot .foot_cen i{ display: block; font-size: 30px;}

.about_con{width: 1100px; margin: 80px auto; overflow: hidden;}
.about_con .ac_l{ width: 160px; float: left}
.about_con .ac_l b{display: block; border-left:4px solid #294b98; height: 50px; line-height: 25px; font-size: 22px; padding-left: 12px}
.about_con .ac_l .acr_c{ padding-top: 24px}
.about_con .ac_l .acr_c li{ height: 35px; line-height: 35px; padding-left: 13px; font-size: 16px}
.about_con .ac_l .acr_c li a{display: block; height: 35px;}
.about_con .ac_l .acr_c li a:hover{ background: #294b98; color: #fff; padding-left: 12px; transform: translateX(-15px); -webkit-transform: translateX(-15px)}
.about_con .ac_r{ width: 870px; padding-left: 30px; float: right; border-left: 1px solid #ccc}
.about_con .ac_r b{display: block; font-size: 18px; color: #000;}
.about_con .ac_r i{display: block; padding-top: 24px; width: 55px; border-bottom: 3px solid #294b98}
.about_con .ac_r .acr_con{ padding: 25px 0 180px; min-height: 250px; line-height: 26px; background: url(../images/about_b.jpg) no-repeat bottom left}
.about_con .ac_r .news_con{ padding: 25px 0 180px; min-height: 250px; line-height: 26px;}

.about_con .ac_r .news_con .text_news{padding: 20px 3%;border: 1px solid hsla(0,0%,90%,1.00);width: 43%; height:100px; float: left;}
.about_con .ac_r .news_con .text_news h4{color: hsla(0,0%,30%,1.00);font-size:16px; font-weight:bold; float: left;}
.about_con .ac_r .news_con .text_news h5{float: right; font-size:13px; color: hsla(0,0%,50%,1.00);}
.about_con .ac_r .news_con .text_news p{color: hsla(0,0%,50%,1.00);font-size: 12px;line-height: 24px;padding-top: 20px;clear: both;}
.about_con .ac_r .news_con .text_news p:hover{text-decoration: underline;}

.product_con{width: 1100px; margin: 80px auto; overflow: hidden;}
.product_con ul.pc_c{ overflow: hidden; width: 110%; padding-top: 40px}
.product_con ul.pc_c li{ width: 346px; float: left; margin-right: 30px; margin-bottom: 30px; text-align: center}
.product_con ul.pc_c li img { width: 346px; height:243px;}
.product_con ul.pc_c li p{width: 346px; height: 243px;overflow: hidden; position: relative}
.product_con ul.pc_c li p em{display: block; position: absolute; z-index: 2; width:306px; height: 30px; color: #fff; background: rgba(25,53,121,0.9); bottom:-90px; left: 0; padding: 20px}
.product_con ul.pc_c li span{display: block; height: 45px; line-height: 45px;}
.product_con ul.pc_c li a:hover em{ bottom: 0;}

.sbzs_c li:hover{display: block; transform: translateY(-20px); -webkit-transform: translateY(-20px)}

.pc_cn{ width: 110%; overflow: hidden; padding-top: 40px}
.pc_cn li{ width: 318px; margin-right: 74px; margin-bottom: 40px; float: left; text-align: center}
.pc_cn li span{display: block; width: 318px; height: 191px;}
.pc_cn li img{display: block; width: 318px; height: 191px;}
.pc_cn li p{ padding-top: 20px;}
.pc_cn li p a{ color: #193579; font-size: 16px; display: block; padding-bottom: 20px}
.pc_cn li p i{display: block; color: #888787;}
.pc_cn li:hover{ transform: translateY(-20px);-webkit-transform: translateY(-20px)}
.gen_details_center { text-align:center; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #eee;}
.gen_details_title { font-size:20px; line-height:40px;}
.case_ul{ width: 110%; transition: none; padding-top: 40px}
.case_ul li{ width: 237px; margin-right: 51px; margin-bottom: 50px; float: left; text-align: center}
.case_ul li span{display: block; margin-bottom: 10px}
.case_ul li:hover{ transform: translateY(-10px);-webkit-transform: translateY(-10px)}

.al_page{ width:100%; overflow:hidden; padding-top:10px; margin-bottom:40px; text-align:center}
.al_page span{ display: inline-block; text-align:center; margin-right:5px; border-radius: 5px; height:30px; line-height:30px; background:#294b98; padding:2px 8px; color:#fff}
.al_page a{ display: inline-block; text-align:center; margin-right:5px; border-radius: 5px; height:30px; line-height:30px; background:#294b98; padding:2px 8px; color:#fff}
.al_page a:hover{ background:#f3c701; color:#000}

.fixed_zx{ position: fixed;width: 72px;right: 20px;top: 30%; z-index: 9999}
.fixed_zx i{display: block;width: 72px;height: 73px; cursor: pointer; margin-bottom: 2px; background: #fff; position: relative;}
.fixed_zx i>img{width: 72px;height: 73px;}
.fixed_zx i p{width: 150px;height: 150px; background: #fff; padding: 10px; position: absolute; right:72px; top: -45px;}
.fixed_zx i p img{width: 150px;height: 150px;}
.fixed_zx i b{width: 150px;padding: 10px;height:70px; position: absolute; right:72px; top: 0px; display: block; background: #fff;font-size: 16px}
.fixed_zx i em{width: 80px;padding: 10px;height: 53px; position: absolute; right:72px; top: 0px; display: block; background: #fff;font-size: 14px; font-style: normal;overflow: hidden;}
.fixed_zx i em a{ display: block; float: left}
.fixed_zx i:hover>img{ opacity: 0.8}
.fixed_zx i p,.fixed_zx i>b,.fixed_zx i>em{ transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); box-shadow:0 0 8px #999 }
.fixed_zx i:hover p,.fixed_zx i:hover>b,.fixed_zx i:hover>em{ transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1)}

@media screen and (max-width:1100px){
	.h_wai,#banner,.foot{ width: 1100px; margin: 0 auto;}
}