ul,li,span,b,p,strong,ol,dl,dd,dt,h1,h2,h3,h4,h5,input,a,div,img{margin:0px;padding: 0px;text-decoration:none;}
.content{width: 1300px;margin:0px auto;height:auto;*zoom:1;}
.content:after{content:"";clear:both;visibility:hidden;height:0px;display:block;}
.content2{width: 1300px;margin:0px auto;height:auto;*zoom:1;}
.content2:after{content:"";clear:both;visibility:hidden;height:0px;display:block;}
body{font-family: "微软雅黑";position: relative;background: #fff; font-size: 14px; line-height: 24px;}
li{font-family: "微软雅黑";list-style:none;}
img{ border:0px none;}
a{text-decoration:none; color:#666; transition: all 0.5s ease 0s;}
a:hover{ color:#004c87;}

/*顶部*/
.head{ width: 100%; height: 130px; background: #fff; overflow: hidden;}
.head .logo{ margin-top: 27px; height: 75px; margin-right: 25px; padding-right: 20px; border-right: 1px #000 solid;}
.logo_right{ float: left;}
.logo_right .p1{ font-size: 28px; color: #555; font-weight: bold; margin: 40px 0 5px;}
.logo_right .p2{ font-size: 20px; color: #333; margin: 5px 0;}
.logo_right .p33{ float: left; margin-right: 10px; font-size: 18px; color: #fd7c00; font-weight: bold;}
.logo_right .p3p{ font-size: 18px; color: #333; float: left; margin-right: 10px;}
.kefu{ float: right; font-size: 18px; margin-top: 30px; text-align: right;}
.yuyan{ width: 100%; line-height: 26px; font-size: 14px !important; float: right;}
.kefu2{ width: 100%; height: 32px; overflow: hidden; float: right; margin-top: 6px;}
.kefu2 span{ color: #fd7c00; font-size: 28px; font-weight: bold; font-family: arial;}
.kefu3{ width: 100%;}
.nav{ width: 100%; height: 55px; background: #004da1; z-index: 10000; position: relative;}

/*导航*/
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button{margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#cssmenu #menu-button{display: none;}
#cssmenu > ul > li{float: left; width: 185px;}
#cssmenu > ul > li > a{color: #fff; height: 55px; line-height: 55px; font-size: 16px; -webkit-transition: color .2s ease;-moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .5s ease;transition: color .5s ease;transition: all 0.5s ease 0s;-webkit-transition: all .5s;transition: all .5s; text-align: center;}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a{color: #fff; background: #10437a;}
#cssmenu ul ul{position: absolute;left: -9999px;}
#cssmenu li:hover > ul{left: auto;}
#cssmenu.align-right li:hover > ul{right: 0;}

#cssmenu ul ul li{height: 0;-webkit-transition: height .5s ease;-moz-transition: height .5s ease;-ms-transition: height .5s ease;-o-transition: height .2s ease;transition: height .5s ease;}
#cssmenu ul li:hover > ul > li{height: 49px;}
#cssmenu ul li:hover > ul > li:last-child{ border-bottom: none;}
#cssmenu ul ul li a{width: 185px; height: 49px; background: rgba(255,255,255,1); line-height: 49px; text-align: center; display: block; text-decoration: none;color: #666;transition: all 0.5s ease 0s;}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover{color: #fff; background: #004DA1;}

/*轮播图*/
.banner{width:100%; position:relative; overflow:hidden;}
.banner_bar{ width:1000px; margin:0 auto;}
.n_banner{ width:1920px; margin:0 -460px; overflow:hidden; position:relative;}
.banner ul{ width:100%; position:relative;  height:635px;}
.banner ul li{ width:100%; position:absolute;  height:635px; left:0; top:0; opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.banner ul li.on{z-index:2;}
.banner .num{ position:absolute; width:100%; height:10px; bottom:30px; left:0; text-align:center; z-index:3;}
.banner .num a{ width:10px; height:10px; display:inline-block; background:none; border: 1px solid #fff; border-radius:10px; margin:0 5px;}
.banner .num a.on{ background:#fff;}
.banner li img {display: block;}

/*产品*/
.TabTitle{ width:100%; height: auto; overflow: hidden;}
#myTab0{ width: 100%; height: auto;}
.TabTitle li{ float:left;  width: 20%; height: 100px; display: block; cursor: pointer; transition: all 0.5s ease 0s;}
.TabTitle li p{ color: #666; font-size: 20px; margin-top: 25px; text-indent: 70px;}
.TabTitle li span{ color: #888; font-size: 16px; margin-left: 70px;}
.TabTitle li:nth-child(1){ background: url(../images/icon_01.png) 20px no-repeat;}
.TabTitle li:nth-child(2){ background: url(../images/icon_02.png) 20px no-repeat;}
.TabTitle li:nth-child(3){ background: url(../images/icon_03.png) 20px no-repeat;}
.TabTitle li:nth-child(4){ background: url(../images/icon_04.png) 20px no-repeat;}
.TabTitle li:nth-child(5){ background: url(../images/icon_04.png) 20px no-repeat;}
.TabTitle .active:nth-child(1){background: url(../images/icon_01x.png) #004da1 20px no-repeat; color:#fff;}
.TabTitle .active:nth-child(2){background: url(../images/icon_02x.png) #004da1 20px no-repeat; color:#fff;}
.TabTitle .active:nth-child(3){background: url(../images/icon_03x.png) #004da1 20px no-repeat; color:#fff;}
.TabTitle .active:nth-child(4){background: url(../images/icon_04x.png) #004da1 20px no-repeat; color:#fff;}
.TabTitle .active:nth-child(5){background: url(../images/icon_04x.png) #004da1 20px no-repeat; color:#fff;}
.TabTitle .active p{ color:#fff;}
.TabTitle .active span{ color: #fff;}
.TabContent{ width: 100%; height: 600px; background: #dfe4eb;}

#myTab0_2{ width: 440px; height: auto; overflow: hidden; padding: 60px 0 50px; margin: 0 auto;}
#myTab0_2 li{ width: 190px; height: 40px; background: #fff; line-height: 40px; border-radius: 40px; font-size: 18px; text-align: center; display: block; cursor: pointer; transition: all 0.5s ease 0s; margin: 0 15px;}
#myTab0_2 .active{ color:#004da1;}
.TabContent_2{ width: 100%; height: auto; overflow: hidden;}
.cp_left{ width: 500px; height: auto; float: left;}
.cp_left li{ width: 100%; height: auto; margin-bottom: 25px;}
.cp_left li:last-child{ margin-bottom: 0;}
.cp_left li .img{ float: right; margin-left: 25px;}
.cp_left li .text{ float: right;}
.cp_left li .text h3{ font-size: 18px; color: #004da1; text-align: right; margin-top: 13px;}
.cp_img2{ margin-right: 40px;}
.cp_img3{ margin-right: 80px;}
.cp_center{ width: 300px; height: auto; float: left; text-align: center;}
.cp_right{ width: 500px; height: auto; float: left;}
.cp_right li{ width: 100%; height: auto; margin-bottom: 25px;}
.cp_right li:last-child{ margin-bottom: 0;}
.cp_right li .img{ float: left; margin-right: 25px;}
.cp_right li .text{ float: left;}
.cp_right li .text h3{ font-size: 18px; color: #004da1; margin-top: 13px;}
.cp_img4{ margin-left: 40px;}
.cp_img5{ margin-left: 80px;}

.cp_li2{ width: 1300px; height: auto; margin: 0 auto; padding-top: 100px;}
.cp_li2 .left{ width: 700px; height: auto; float: left;}
.cp_li2 .bt{ font-size: 36px; line-height: 36px; color: #004da1; margin-bottom: 30px;}
.cp_li2 .text{ margin-bottom: 30px; font-size: 16px; line-height: 29px;}
.cp_li2 a{ color: #004C87; font-size: 16px;}
.cp_li2 .img{ width: 500px; height: 333px; float: right; overflow: hidden;}
.cp_li2 .img img{ width: 100%; height: auto; transition:transform 0.5s ease-out;}
.cp_li2 .img:hover img{ -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);}

/*新闻中心*/
.news{ padding: 45px 0 60px; background: url(../images/news_bg.jpg) no-repeat center;}
.news .bt{ font-size: 36px; color: #fff; text-align: center; line-height: 69px; font-weight: bold;}
.news .line{ width: 35px; height: 4px; background: #fff; margin: 0 auto; margin-bottom: 50px;}
.news_fl{ width: 608px; float: left;}
.news_fl .img{ width: 100%; height: 290px; overflow: hidden; position: relative;}
.news_fl .img img{ width: 100%; height: 100%; transition:transform 0.5s ease-out;}
.news_fl .img:hover img{ -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);}
.news_fl .tit{ width: 100%; height: auto; margin: 15px 0 10px;}
.news_fl .tit a{ color: #fff; font-size: 20px;}
.news_fl .tit span{ color: #b8c4d4; float: right;}
.news_fl p{ color: #b8c4d4; width: 100%; text-align: justify;}
.news_fr{ width: 620px; float: right;}
.news_fr li{ margin-bottom: 50px;}
.news_fr li:last-child{margin-bottom: 0;}
.news_fr li .left{ width: 114px; height: 87px; line-height: 87px; font-size: 86px; font-family: arial; color: #fff; float: left; border-right: 1px solid #fff;}
.news_fr li .right{ width: 485px; float: left; margin-left: 20px;}
.news_fr li .right .tit{ width: 100%; height: auto; margin-bottom: 10px;}
.news_fr li .right .tit a{ color: #fff; font-size: 20px;}
.news_fr li .right .tit span{ color: #b8c4d4; float: right;}
.news_fr li .right p{ color: #b8c4d4; width: 100%; text-align: justify;}
.more{ width:183px; height: 39px; line-height: 39px; color: #fff; display: block; margin: 0 auto; transition: all 0.5s ease 0s; overflow: hidden; text-align: center; border-radius: 39px; border: 1px solid #fff; margin-top: 30px;}
.more:hover{ color: #004c87; background: #fff;}

/*客户案例*/
.case{ padding: 45px 0 90px; background: #f8f8f8;}
.case .bt{ font-size: 36px; color: #333; text-align: center; line-height: 69px; font-weight: bold;}
.case .line{ width: 35px; height: 4px; background: #333; margin: 0 auto; margin-bottom: 50px;}
.case li{ width: 24.25%; float: left; margin-right: 1%;}
.case li:last-child{ margin-right: 0;}
.case li .img{ width: 100%; overflow: hidden; position: relative;}
.case li img{ width: 100%; height: auto; transition:transform 0.5s ease-out;}
.case li:hover img{ -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);}
.case li .text{ position: absolute; bottom: 0; width: 100%; height: 60px; color: #fff; line-height: 60px; font-size: 18px; text-indent: 20px;  transition: all 0.5s ease 0s;
background-image:-webkit-linear-gradient(
    to top,
    rgba(0,0,0,.5) 0%,
	rgba(0,0,0,0) 100%);
background-image: linear-gradient(
    to top,
    rgba(0,0,0,.5) 0%,
    rgba(0,0,0,0) 100%);
}
.case li:hover .text{ height: 80px; line-height: 80px;}

/*底部*/
.fot{ width: 100%; height: auto; padding: 45px 0; background: #005ea6; color: #fff;}
.fot dl{ float: left; margin-right: 80px;}
.fot dl:last-child{ margin-right: 0;}
.fot dt{ font-size: 18px; margin-bottom: 15px;}
.fot dd a{ color: #b8c4d4; line-height: 26px;}
.fot dd a:hover{ color: #fff;}
.contact{ width: 250px; float: right;}
.fot_tel{ width: 100%; font-size: 32px; font-family: arial; float: right; text-align: right;}
.fot_fx{ width: 100px; overflow: hidden; margin: 25px 0 5px; float: right;}
.fot_fx img{ width: 100%;}
.fot_fx p{ color: #b8c4d4; width: 100%; text-align: center; line-height: 29px;}
.footer{ width: 100%; height: 67px; line-height: 67px; background: #004c87; color: #b8c4d4; overflow: hidden;}
.footer .fl{ display: block;}
.footer .fl2{ display: none;}
.footer a{ color: #b8c4d4;}
.footer a:hover{ color: #fff;}

/*底部翻页*/
.fenye{ width:100%; height:auto; overflow:hidden; clear:both; padding-top:10px;}
.pagesnow a{ width: 37px; height:34px; background:#004C87; color:#fff; line-height:34px; float:left; margin-right:7px; text-align:center;}
.pages a{ width: 37px; height:34px; background:#e6e6e6; color:#666; line-height:34px; float:left; margin-right:7px; text-align:center;}
.pages a:hover{ background:#004C87; color:#fff;}
.pagean{ width:72px; height: 34px; margin-right:7px; float:left; background: #e6e6e6; line-height: 34px; text-align: center;}
.pagean a{ width:72px; height: 34px; margin-right:7px; float:left; background: #e6e6e6; display: block; line-height: 34px; text-align: center;}
.pagean a:hover{ width: 72px; height:34px; background:#004C87; color:#fff; line-height:34px; float:left; margin-right:7px; text-align:center;}

/*内页*/
.page_ban{ width: 100%; height: 368px; position:relative; overflow:hidden; background: url(../images/page_b.jpg) no-repeat center;}
/*.about_ban{ background: url(images/about_ban.jpg) no-repeat center;}
.news_ban{ background: url(images/news_ban.jpg) no-repeat center;}
.cp_ban{ background: url(images/cp_ban.jpg) no-repeat center;}
.case_ban{ background: url(images/case_ban.jpg) no-repeat center;}
.service_ban{ background: url(images/service_ban.jpg) no-repeat center;}
.contact_ban{ background: url(images/contact_ban.jpg) no-repeat center;}*/
.page_ban h1{ font-size: 50px; color: #fff; font-weight: bold; margin-top: 150px; line-height: 56px;}
.page_ban .line{ width: 126px; height: 6px; background: #fff; margin-top: 40px;}
.page_nav{ width: 100%; height: 70px; line-height: 70px; background: #004da1;}
.page_nav ul{ float: left;}
.page_nav li a{ height: 70px; padding: 0 30px; font-size: 16px; display: block; color: #fff;}
.page_nav li a:hover{ background: #4cacdf; color: #fff;}
.page_nav li .nav-prolist{padding: 0 15px;}
.page_nav_bt{ height: 70px; padding: 0 40px; background: #4cacdf; color: #fff; font-weight: bold; display: inline; line-height: 70px; float: left; font-size: 18px;}

.page{ width: 1300px; min-height: 500px; overflow: hidden; margin: 40px auto 70px; font-size: 16px; line-height: 29px; text-align: justify;}
.about_img{ width: 250px; float: left;}
.about_img img{ width: 100%;}
.about_text{ /*width: 950px; float: right;*/}


.cp_list li{ width: 300px; height: auto; float: left; margin-right: 33.33px; margin-bottom: 25px;}
.cp_list li:nth-child(4n){ margin-right: 0;}
.cp_list li .img{ width: 300px; height: 220px;border:1px solid #f1f1f1;box-sizing: border-box;}
.cp_list li .img img{ width: 100%; height: 100%;}
.cp_list li .tits{ width: 100%; height: 41px; line-height: 39px; color: #666; text-align: center; background: #f1f1f1; transition: all 0.5s ease 0s; overflow: hidden;}
.cp_list li:hover .tits{ background: #004C87; color: #fff;}

.cp_list2 li{ width: 400px; height: auto; float: left; margin-right: 33.33px; margin-bottom: 25px;}
.cp_list2 li:nth-child(3n){ margin-right: 0;}
.cp_list2 li .img{ width: 400px; height: 300px;}
.cp_list2 li .img img{ width: 100%; height: 100%;}
.cp_list2 li .tits{ width: 100%; height: 41px; line-height: 39px; color: #666; text-align: center; background: #f1f1f1; transition: all 0.5s ease 0s; overflow: hidden;}
.cp_list2 li:hover .tits{ background: #004C87; color: #fff;}
.cp_list3 li{width: 300px;}
.cp_list3 li:nth-child(4n){margin-right: 0;}
.cp_list3 li .img{width: 300px;height: 400px;}

.news_list{ width: 100%; height: auto; margin: 30px 0; overflow: hidden; font-size: 16px; line-height: 29px;}
.news_list li{ width: 100%; height: auto; border-bottom: 1px dashed #aaa; overflow: hidden; padding: 30px 0;}
.news_list li .img{ width: 300px; height: 175px; float: left; overflow: hidden;}
.news_list li .img img{ width: 300px; height: 175px; -webkit-transition:-webkit-transform 0.5s ease-out; -moz-transition:-mos-transform 0.5s ease-out; -ms-transition:-ms-transform 0.5s ease-out; transition:transform 0.5s ease-out;}
.news_list li .img:hover img{ -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);}
.news_text{ width: 950px; height: auto; float: right;}
.news_text a{ font-size: 24px; color: #000; margin-bottom: 15px; display: inline-block;}
.news_text a:hover{ color: #004c87;}
.news_text .p2{ color: #999;}

.news_list .tit{ width: 100%; height: auto; font-size: 28px; line-height: 45px; color: #000; text-align: center;}
.cp_tit{ width: 100%; height: auto; font-size: 28px; line-height: 45px; color: #000; text-align: center; margin-bottom: 20px;}
.news_list .time{ width: 100%; height: auto; font-size: 14px; color: #999; border-bottom: 1px dashed #aaa; margin-bottom: 25px; text-align: center; padding-bottom: 10px;}
.news_list img{ max-width: 100%;}
.news_list .text{ width: 100%; height: auto; text-align: justify;}

.service{ width: 100%;}
.service li{ width: 100%; height: auto; margin-bottom: 50px;}
.service li:last-child{ margin-bottom: 0;}
.service li .img{ width: 350px; height: 210px; float: left; overflow: hidden;}
.service li .img img{ width: 350px; height: 210px; -webkit-transition:-webkit-transform 0.5s ease-out; -moz-transition:-mos-transform 0.5s ease-out; -ms-transition:-ms-transform 0.5s ease-out; transition:transform 0.5s ease-out;}
.service li .img:hover img{ -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);}
.service li .text{ width: 900px; height: auto; float: right;}
.service li .text .bt{ font-size: 30px; color: #004C87; margin-bottom: 20px;}

.service2{ width: 100%;}
.service2 li{ width: 100%; height: auto; margin-bottom: 45px; border-bottom: 1px dashed #ccc; padding-bottom: 45px;}
.service2 li:last-child{ margin-bottom: 0; border-bottom: none;}
.service2 li .img{ width: 128px; height: 131px; float: left; overflow: hidden;}
.service2 li .img img{ width: 128px; height: 131px;}
.service2 li .text{ width: 1100px; height: auto; float: right;}
.service2 li .text .bt{ font-size: 30px; color: #004C87; margin-bottom: 20px;}
.service2 li .text .tt i{ width: 10px; height: 10px; background: #0352bb; float: left; margin: 10px 10px 0 0;}

.text_bt{ font-size: 32px; color: #004C87; padding: 30px 0 20px; border-top: 1px dashed #aaa; margin-top: 30px;}
.map{ width: 100%; height: 500px; position: relative; margin-top: 30px;}
.tabtab{ width: 650px;}
.tab1{width:648px; height:49px; border:1px solid #ddd; text-indent:15px; margin-bottom: 12px;}
.tab2{width:648px; height:100px; border:1px solid #ddd; text-indent:15px; margin-bottom: 12px; padding-top: 5px;}


@media screen and (min-width:320px) and (max-width:415px){
	.tabtab,.tab1,.tab2{width: 100%;}
}