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


* {margin:0; padding:0; list-style:none; }
html{_background:url(about:blank);background-attachment:fixed;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,
button,input,textarea,th,td{margin:0;padding:0;}
body{ background:#fff; color:#333; font-size:14px; font-family: 'Arial', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma'; margin:0 auto; padding:0; line-height:30px;}
ul,li{list-style:none;}
input,textarea,button,select{font-size:14px; outline:none; resize:none; color:#444; font-family: 'Arial', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma';}
button{cursor: pointer;}
table{border-collapse:collapse;border-spacing:0;}
.clear {clear:both; height:0; font-size:0; line-height:0; overflow:hidden;}

a{color:#666; text-decoration:none;-webkit-transition:color 0.3s ease-out;-moz-transition:color 0.3s ease-out;-o-transition:color 0.3s ease-out;transition:color 0.3s ease-out;}
a:hover{color:#009ce7; text-decoration:none;}
img{border:none;}
#clear{width:100%; height:0px; clear:both;}
h2{ font-size:24px; font-weight:blod; line-height:30px;}
h4{ font-size:14px; font-weight:blod; line-height:30px;}
p{line-height:30px;}



/*移动端导航开始*/

.webq_top_1 {position: static !important;}

#top{}

#wap_nav{ display:none;}



@media only screen and (max-width: 1199px) {
#toptt{width:100%; height:50px;}


.top { display:none;}
	
.topttt{display:none;}
	
#wap_nav{ display:block !important;}

.ftop{ display:block; width:100%; height:50px;  box-sizing:content-box; text-align:center; overflow:hidden;  background:rgba(30,60,130,0.8) !important; background-size:100% auto; position: fixed; left:0; top:0; z-index:999; box-shadow:0px 0px 0px #E6E6E6; backdrop-filter: blur(6px);}
.ftop .left{margin-left:10px; float:left;   height:50px; }
.ftop .right{ width:100px; margin-right:10px; line-height:50px; float:right;}
.ftop .left img{height:40px; margin-top:5px;}


.ftop .right ul li{ float:left; display:block; width:50%; height:50px; line-height:50px; font-size:1.2em; text-align:center;}
.ftop .right a{color:#555;}
.ftop .left1 img{height:40px; margin-top:5px;}
	
	
.topt{width:100%; height:50px;}


.bgDiv{
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    position:fixed;
    display: none;
    z-index:1002;
    bottom: 0;
}
.leftNav{
    width:60%;
    max-width:500px;
    height: 100%;
     background:rgba(255,255,255,0.8);
    position: fixed;
    z-index:1003;
    top: 0;
    left: -60%;
	backdrop-filter: blur(6px);
}

.rightNav{
   width:80%;
    max-width: 400px;
    height: 100%;
    background-color:#241c1e;
    position: fixed;
    z-index: 999;
    top: 0;
    left: -80%;
}
.rightNav h1{font-size:18px; padding-left:10px; color:#e1d1c2; line-height:40px; padding-top:20px;}


.upNav{
   width: 100%;
    height: 80px;
    background-color:#241c1e;
    position: fixed;
    z-index: 999;
    top: -80px;
}

.downNav{
    width: 100%;
	background-color:#241c1e;
    height: 60px;
    position: fixed;
    z-index: 999;
    bottom: -60px;
}


/*二级菜单*/
.ny_zb{width:100%; margin:0 auto; padding-top:2px; padding-bottom:20px;}
.ny_zblb1 li{line-height:40px;font-size:16px; float:left; width:100%;}
.ny_zblb1 li a{display:block; width:100%; height:40px; color:#555; margin:0 auto; line-height:40px; padding-top:0px; overflow:hidden; padding-left:0px; text-indent:10px; margin-top:0px; padding-bottom:3px; border-bottom:#eee 1px solid; font-size:14px; box-shadow:0 0px 0px #d0d0d0;-webkit-transition:all 0.0s ease-in;-moz-transition:all 0.0s ease-in;-o-transition:all 0.0s ease-in;transition:all 0.0s ease-in;}
.ny_zblb1 li a.cur{color:#fff; background:#2679b2;  border-bottom:#2679b2 1px solid; }
.ny_zblb1 li ul{display:none; padding-bottom:0px; background:#333;}
.ny_zblb1 li ul li{width:100%; }
.ny_zblb1 li ul li a{ width:100%; height:35px; font-size:12px; color:#777;  text-indent:20px; line-height:35px; overflow:hidden; margin-top:0px; font-size:14px; display:block;  border-top:none; -webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;background: #eee; border-bottom:#ddd 1px solid;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.ny_zblb1 li ul a:hover{background:#f14b44; color:#fff;}


.ny_zblb1 li ul li ul{display:none; padding-bottom:0px; background:#333;}
.ny_zblb1 li ul li ul li{width:100%; }
.ny_zblb1 li ul li ul li a{ width:100%; height:35px; font-size:12px; color:#e5ecf7; line-height:35px; text-indent:40px; overflow:hidden; margin-top:0px; font-size:14px; display:block;  border-top:none; -webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; background: #26446d; border-bottom:#2d4f7d 1px solid;}
.ny_zblb1 li ul li ul a:hover{background:#fbb253; color:#fff;}

.ny_zblb1 li ul li a.cur{color:#e5ecf7;background: #182d4a; border-bottom:#254066 1px solid;}

.ny_zblb1 li i{color:#eb8635; margin-right:8px;}

}










.top{width:100%; height:80px; background:rgba(255,255,255,0.0) url("../images/vvbb1.png") top center repeat-x; margin:0 auto; position:fixed; z-index:999; top:0; left:0; box-shadow:0px 5px 6px rgba(0,0,0,0.0); backdrop-filter: blur(0px);  transition: 0.5s;}
.onon{ background:rgba(30,60,130,0.8) !important; backdrop-filter: blur(5px);}




.topttt{width:100%; height:0px;}

.topc{width:100%; height:80px; margin:0 auto; position:relative;}


.topcl{width:; height:80px; float:left; margin-left: 20px; background: #;}
.topcl img{width:; height:60px; margin-top: 10px;}
.topcc{width:1001px; height:80px; float:right;}




.top_tel{ width:240px; height:80px; float:right; line-height:80px; color:#fff; font-size: 16px;}
.top_tel i{color:#fff; margin-right:8px; margin-left: 30px;}
.topen a{display: block; width: 40px; height: 40px; float: left; margin-top: 18px; line-height: 40px; color: #fff; border-radius:50%; border:#fff 1px solid; text-align: center;}
.topen a:hover{ background: #fff; color: #106ba4;}


.swp{width:340px; height:60px; position:absolute; top:48px; left:550px; z-index:1; overflow:hidden;}
.ss1{width:286px; height:46px; line-height:46px; margin:0; padding:0; background:#fff; border:#1b64b2 2px solid; border-right:none; text-indent:20px; font-size:14px; color:#888;}











/*menu*/
.menu { display:block; width:881px; float:left; margin:0 auto; height:80px; position: absolute; top: 0px; left: 50%; margin-left: -440px;}

#nav {display:block; width:100%; height:80px; padding-top:0px;}
#nav .mainlevel {float:left; text-align:center; display:block; position:relative; z-index:999999}
#nav .mainlevel a{ text-decoration:none; width:110px;  text-align:center; line-height:80px;  color:#fff; height:80px; display:block; font-size:15px; -webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; z-index:99999; }
#nav .mainlevel a:hover {color:#fff; background:rgba(255,255,255,0.2); text-decoration:none; z-index:999}

#nav .mainlevel ul {position:absolute; display:none;  background:rgba(255,255,255,0.9); margin-top:-1px; padding:10px 20px 30px 20px; z-index:9999;  box-shadow:0px 2px 10px #E3E3E3;}
#nav .mainlevel li { float: left; }
#nav .mainlevel li a {padding:0px; width:220px; margin: 0 auto; text-align:left; color:#555;  border-radius:0px; border-bottom:#ccc 1px dotted; font-size:14px; text-indent:6px; line-height:45px; height:45px; display:block; transition:0.5s;}
#nav .mainlevel li a i{margin-right: 8px;}
#nav .mainlevel li a:hover { text-decoration:underline; color:#4aab33; text-decoration:none; background:none;}


#nav li:nth-child(4) ul{width:500px; margin-left:-180px;}
#nav li:nth-child(4) ul li{width:220px; }


.banner{width:100%; background: #fff; box-sizing: content-box;}
















@media only screen and (min-width: 1200px) {
/*开始*/






.cont3{width: 100%; padding: 60px 0px 100px 0px; background:url("../images/bgf3.jpg") bottom left no-repeat; }
.c3c{width: 90%; max-width: 1700px; margin: 0 auto; padding-top: 30px;}

.c3cl{width: calc(50% - 40px); float: left;}
.c3cl img{ display: block; width:100%; height: auto; }

.c3cr{width: calc(50% - 40px);  float: right;}

.c3cr_1{width: 100%; padding-bottom: 30px; line-height:30px; font-size: 26px; color: #222; }
.c3cr_1 h4{font-size: 14px; text-transform: uppercase; color: #0d4da1; line-height: 30px;}

.c3cr_2{width: 100%; line-height: 35px; line-height: 35px; font-size: 16px; color: #555;}
.c3cr_2 p{line-height: 32px;}

.c3cr_5{width: 100%; padding-top: 40px;}
.c3cr_5 ul li{display: block; width:33.33%; float: left; box-sizing: border-box; border-right: #e5e5e5 1px solid;}
.c3cr_5 ul li:nth-child(3){border-right:none;}
.c3cr_5 ul a{display: block; width: 95% ; margin: 0 auto; line-height: 22px; font-size: 16px; text-align: center;}
.c3cr_5 ul img{display: block; margin: 0 auto; height: 65px; margin-bottom:12px;}

.cab_title{width: 100%; padding-bottom: 10px; font-size: 32px; color: #222; line-height: 40px; font-weight: bold;}
.cab_title b{font-weight: bold;}
.cab_title span{font-size: 16px; font-family: arial; letter-spacing: 2px; color: #888; font-weight: normal;}

.con_more_3{width: 100%; padding-top: 30px;}
.con_more_3 a{display: block; width: 300px; height: 45px; line-height: 45px; text-align: center; color: #fff; font-size: 16px; background: #; border:#fff 1px solid; transition: 0.5s;}
.con_more_3 a:hover{background: #ee0000; color: #fff;  border:#ee0000 1px solid;}
.con_more_3 i{margin-left: 8px;}









.tcon1{width:100%; max-width:1200px; line-height:40px; margin:0 auto; text-align:center; padding:20px 0px 20px 0px;}
.tcon1 a{display:inline; padding:12px 40px 12px 40px; font-size:16px; border:#e0e0e0 1px solid; border-radius:8px; margin:0px 4px 0px 4px; transition:0.5s;}
.tcon1 a:hover{ background:#0d4da1; color:#fff; border:#0d4da1 1px solid;}




.con2{width: 100%; padding: 100px 0px 140px 0px;  background: #004473 url("../images/d56.jpg") center center; background-size: cover;}
.con2c{width: 100%; max-width: 1700px; margin: 0 auto; color: #fff;}
.con2c h3{font-size: 34px; line-height: 32px; padding-bottom: 30px;}

/* 选项卡示例样式 */
.main22{width: 100%; margin:0px auto; padding-top: 30px;}
.tab {overflow: hidden;width: 100%;height: 100px; cursor: pointer;}
.tab a{color: #fff;}
.tab li {float: left; width:300px; text-align: center; line-height: 100px; font-size: 16px; margin-right: 1px; background:  rgba(255,255,255,0.2);}
.tab li.on {background: #53c1b3;  font-size: 18px; font-weight: bold;}
.con {width: 60%; padding-top: 20px; padding-left: 10px; font-size: 16px; color: rgba(255,255,255,0.8); line-height: 38px;}
.con p{line-height: 38px;}









.con4{width: 100%; padding: 100px 0px 100px 0px;  background: #F6F6F6; background-size: cover;}
.con4c{width: 90%; max-width: 1700px; margin: 0 auto; color: #333;}
.con4c h3{font-size: 34px; line-height: 32px; padding-bottom: 30px;}

.con4cx{width: 70%; padding: 0px 0px 30px 0px; font-size: 15px; line-height: 32px;}
.con4cx p{line-height: 32px;}

.con4cv{width: 100%; max-width: 1700px;}
.con4cv ul li{display: block; float: left; width: 16.66%; margin-bottom: 5px;}
.con4cv ul a{display: block; height:210px; padding-top: 10px;  width:calc(100% - 5px); margin: 0 auto; background: #fff; box-sizing: content-box; transition: 0.3s;}
.con4cv ul .ip_img{width:calc(100% - 20px); height: 140px; margin: 0 auto;margin-bottom: 10px; display: flex;  justify-content: center; align-items: center; }
.con4cv ul img{display: block; margin: 0 auto; max-height: 140px; max-width: 100%;}
.con4cv ul p{line-height: 20px; font-size: 16px; padding-top: 10px; text-align: center;}
.con4cv ul a:hover{box-shadow:0px 0px 40px rgba(8,160,18,0.4); position: relative;}






.con5{width: 100%; padding: 100px 0px 60px 0px;  background: #fff; background-size: cover;}
.con5c{width: 90%; max-width: 1700px; margin: 0 auto; color: #333;}
.con5c h3{font-size: 34px; line-height: 32px; padding-bottom: 30px;}
.con5ct{width: 100%;}
.con5ct .left{float: left;}
.con5ct .right{float: right;}
.con5ct .right a{display:inline; padding:12px 40px 12px 40px; font-size:16px; border:#444 1px solid; border-radius:0px; margin:0px 4px 0px 4px; transition:0.5s;}
.con5ct .right i{margin-left: 8px;}
.con5ct .right a:hover{ background:#0d4da1; color:#fff; border:#0d4da1 1px solid;}

.con5cx{width: 70%; padding: 0px 0px 30px 0px; font-size: 15px; line-height: 32px;}
.con5cx p{line-height: 32px;}












.tcon5{width:100%; max-width: 1700px; margin:0 auto; margin-bottom: 50px;}



.tcon5_l{width:60%; height:; float:left; background:; transition:0.5s;}
.tcon5_l li{display: block; width:calc(50% - 20px); float: left; margin-right: 20px; background: #f8f8f8; padding-bottom: 20px; transition: 0.5s;}
.tcon5_l img{width:100%; height:306px;}
.tcon5_l h2{width:85%; height:60px; margin:0 auto; line-height:30px; padding-top:25px; font-size:18px; color: #222; font-weight: normal; overflow:hidden;}
.tcon5_l p{ width:85%;  margin:0 auto; line-height:30px; color:#888; font-size:14px; padding-top:20px;}
.tcon5_l li:hover{background:#fff; -moz-box-shadow:0px 0px 30px #d7e5f0; -webkit-box-shadow:0px 0px 30px #d7e5f0; box-shadow:0px 0px 30px #d7e5f0;}
.t5l2{ width:85%; height:60px; overflow:hidden; margin:0 auto; line-height:30px; color:#aaa; font-size:14px; padding-top:px;}



.tcon5_r{width:calc(40% - 0px); height:; float:right; background:#;}
.tcon5_r ul li{ display:block; width:100%; height:125px; float:left; margin-bottom:2px;}
.tcon5_r ul li a{display:block; width:100%; height:125px; float:right; background:#f8f8f8; transition:0.5s;}
.tcon5_r ul li a:hover{background:#fff; -moz-box-shadow:0px 0px 30px #d7e5f0; -webkit-box-shadow:0px 0px 30px #d7e5f0; box-shadow:0px 0px 30px #d7e5f0; position: relative;}


.t5r1{width:85%; height:40px; margin:0 auto; line-height:30px; padding-top:25px; font-size:18px;  box-sizing: content-box; color: #222; font-weight: normal; overflow:hidden;}
.t5r2{ width:85%; height:30px; display: none; overflow:hidden; margin:0 auto; line-height:30px; color:#aaa; font-size:14px; padding-top:10px;}
.t5r3{ width:85%;  margin:0 auto; line-height:30px; color:#aaa; font-size:14px; padding-top:10px; text-align:left;}
.t5r3 span{color: #27c031; float: right; line-height: 30px;}


/*结束*/
 }
















#footer{width:100%; height: auto; padding-top:50px; font-size:15px; background:rgba(28, 32, 36, 1); margin-top:0px; padding-bottom:50px; color:rgba(255,255,255,0.5); line-height:28px; border-top:#195a81 0px solid;}
#footer a{color:rgba(255,255,255,0.5);}
#footer a:hover{color:rgba(255,255,255,0.9);}

#footer h2{font-size:16px; width:100%; line-height:23px; color:#fff; padding-bottom:20px; font-weight:500;}
#footerc{width:90%; height:; margin:0 auto; max-width: 1700px; position:relative; line-height:35px;}
#footerc p{ line-height:35px;}
#footercl{width:100%; height:; float:left; padding-bottom:0px; }
#footercl ul li{display:block;  float:left;  line-height:30px; box-sizing: border-box; padding-right: 10px; padding-left: 20px;}

#footercl ul li:nth-child(1){ width: 28%;}
#footercl ul li:nth-child(2){ width: 13%;}
#footercl ul li:nth-child(3){ width: 20%;}
#footercl ul li:nth-child(4){ width: 13%;}
#footercl ul li:nth-child(5){ width: 13%;}
#footercl ul li:nth-child(6){ width: 13%;}


.lierw{width: 100%; padding-bottom:20px; }
.lierw img{display: block; height: 120px; float:left; margin-right: 30px;}

.shejiao{width: 100%; padding-top: 20px; }
.shejiao img{display: block; float: left; margin-right: 5px;}

#footert{width:100%; min-height:25px; line-height:25px; padding:20px 0px 20px 0px; text-align:center; color:rgba(255,255,255,0.4); font-size:15px; background:rgba(4, 5, 6, 1); border-top:#333 1px solid;}
#footert a{ color:rgba(255,255,255,0.4);}
#footert a:hover{color:rgba(255,255,255,0.9);}

#footertc{width:90%; margin:0 auto;}










/*产品*/
.pcn{width: 90%; max-width: 1700px; margin: 0 auto; padding: 40px 0px 40px 0px;}
.pcn_left{width: 320px; float: left;  box-shadow:4px 0px 4px rgba(0,0,0,0.1);}

.pcn_lbt{width: 100%; background: rgba(29,85,162,1); color: #fff; padding: 30px 0px 20px 40px; margin-top: 0px; position: relative;}
.pcn_lbt h3{line-height: 30px; font-size: 20px;}
.pcn_lbt p{line-height: 20px; opacity: 0.7; font-size: 12px;}

.pc_ul li{margin-bottom: 0px; border-bottom: #e5e5e5 1px solid;}
.pc_ul li i{margin-right: 8px; margin-left: 22px; font-size: 14px; color: #888;}
.pc_ul a{display: block; width: 100%; height: 50px; background: #fff; color: #222; font-size: 16px; line-height: 50px; box-sizing: content-box; padding: 8px 0px 8px 0px; text-indent: px; }
.pc_ul a img{ height: 40px; display: block; float: right; margin-top: 5px; margin-right: 15px;}

.pc_ul li:hover i{color: #55a84e;}
.pc_ul li:hover a{color: #55a84e;}

.pcn_right{width: calc(100% - 340px); float: right;}



.pcn_rbt{width: calc(100% - 20px); margin-left: 20px; height: 80px; line-height: 80px; border-bottom: #e0e0e0 1px solid; margin-bottom: 20px;}
.pcn_rbt .left{float: left; font-size: 22px; font-weight: bold; margin-left: 20px;}

.pcn_con{width:100%; max-width:1700px; margin:0 auto;}

.pcn_con ul li{display:block; width: calc(25% - 20px); height:; float:left; border-radius:0px; box-sizing:border-box; padding:10px 10px 10px 10px; background: #fff; margin-left: 20px; margin-bottom:20px; transition:0.2s;  box-shadow:0px 4px 4px rgba(0,0,0,0.1);}
.pcn_con ul .pcn_co1{width:100%; height:;}
.pcn_con ul .pcn_co1 img{width:100%; height:auto; display:block; margin:0 auto; border-radius:0px; transition:0.5s;}
.pcn_con ul .pcn_co2{width:100%; height:60px; line-height:60px; text-align:center; font-size:16px;}


.pcn_con ul li:hover{ background:#1d55a2; color:#fff;}
.pcn_con ul li:hover a{color:#fff;}






















.nybanner{width:100%; margin:0 auto;}
.nybanner img{display:block; width:100%; height:auto;}



.ab_divx{width:100%; height:30px;}


@media only screen and (min-width: 1200px) {

.ny_nav_wrap{width:100%; padding:0px 0px 0px 0px; background:#fff; text-align:center; -moz-box-shadow:0px 0px 30px #eee; -webkit-box-shadow:0px 0px 30px #eee; box-shadow:0px 0px 30px #eee;position: relative;}
.ny_nav_con{ width:90%; max-width:1700px; margin:0 auto;}
.ny_nav_con a{display:inline; line-height:80px; padding:32px 0px 32px 0px; font-size:16px; margin:0px 30px 0px 30px; position:relative;}

.ny_nav_con a .a_linex{width:0px; height:3px; opacity:0.0; background:#3786c7; position:absolute; left:50%; bottom:0; z-index:1; transition:0.5s;}
.ny_nav_con a:hover .a_linex{width:100%; opacity:1; left:0;}



.ab_title{width:90%; max-width:1700px; margin:0 auto; margin-top:50px;}
.ab_title h2{ font-size:32px; color:#333; line-height:60px; text-align: center; font-weight: bold;}
.ab_title p{font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:40px; font-size:28px; color:#eee; text-transform:uppercase;}


}





@media only screen and (max-width: 1199px) {

.ny_nav_wrap{width:100%; padding:0px 0px 0px 0px; background:#fff; text-align:center; -moz-box-shadow:0px 0px 30px #eee; -webkit-box-shadow:0px 0px 30px #eee; box-shadow:0px 0px 30px #eee; position: relative;}
.ny_nav_con{ width:90%; max-width:1700px; margin:0 auto;}
.ny_nav_con a{display:block;  width:50%; float:left; line-height:40px;  font-size:1em;  position:relative;}

.ny_nav_con a .a_linex{width:0px; height:2px; opacity:0.0; background:#3786c7; position:absolute; left:50%; bottom:0; z-index:1; transition:0.5s;}
.ny_nav_con a:hover .a_linex{width:100%; opacity:1; left:0;}



.ab_title{width:90%; max-width:1700px; margin:0 auto; margin-top:30px;}
.ab_title h2{ font-size:1.2em; color:#333; line-height:1.6em; text-align: center; font-weight: bold;}
.ab_title p{font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:1.5em; font-size:1.0em; color:#eee; text-transform:uppercase;}


}























/*分页*/

#nx_pg{width:98%; height:30px; padding:20px 0px 50px 0px; text-align:center;}
#nx_pg li{display:inline;}
#nx_pg a{display:inline; padding:8px 15px 8px 15px; background:#f8f8f8; font-size:14px; margin:0px 1px 0px 1px; border-radius:2px; -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
#nx_pg a:hover{background:#2679b2; color:#fff;}
#nx_pg .on{background:#2679b2; color:#fff;}


#nextpage{width:98%; height:30px; padding:20px 0px 50px 0px; text-align:center;}
#nextpage a{display:inline; padding:6px 8px 6px 8px; background:#f8f8f8; font-size:14px; margin:0px 1px 0px 1px; border-radius:2px; -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
#nextpage a:hover{background:#2679b2; color:#fff;}
#nextpage .on{background:#2679b2; color:#fff;}







@media only screen and (min-width: 1000px) {

.ab_cont{width:90%; max-width:1700px; margin:0 auto; font-size:16px; line-height:35px; padding:20px 0px 40px 0px; }
.ab_cont p{line-height:35px;}

}


@media only screen and (max-width: 999px) {

.ab_cont{width:90%; max-width:1700px; margin:0 auto; font-size:1.0em; line-height:2em; padding:20px 0px 20px 0px; }
.ab_cont p{line-height:2em;}

}








@media only screen and (min-width: 1200px) {
.ab_cont_left{width:35%; float:left;}
.ab_cont_right{width:60%; float:right;}
.lx_ab_cont{padding-bottom:80px; margin-top:60px;}
}




@media only screen and (max-width: 1199px) {
.ab_cont_left{width:100%; float:; margin-bottom:20px;}
.ab_cont_right{width:100%; float:;}
.lx_ab_cont{padding-bottom:40px; margin-top:20px;}
}






/*联系的页面*/

@media only screen and (min-width:1200px) {

.sb_wp{width:100%; height:; background:#f8f8f8; margin:0 auto; padding:40px 0px 50px 0px;}

/*标题*/

.ab_title1{width:90%; margin:0 auto; height:60px; line-height:60px; font-size:18px; color:#fff; text-align:; font-weight:bold;}


.ab_title2_hei1{ color:#333;}
.ab_title2_hei2{ background:#3786c7;}


.ab_con4{width:1200px; margin:0 auto; font-size:16px; line-height:35px; padding-bottom:50px;}
.ab_con4 p{line-height:35px;}
.ab_con4 img{max-width:100%;}


}





/*地图高度*/
@media only screen and (min-width:1200px) {
#allmap{height:500px;}
}


@media only screen and (max-width:1199px) {
#allmap{height:300px;}
}


@media only screen and (max-width:1199px) {
	
.sb_wp{width:100%; height:; background:#f8f8f8; margin:0 auto; padding:30px 0px 30px 0px;}

/*标题*/

.ab_title1{width:88%; margin:0 auto; height:30px; line-height:30px; font-size:1.2em; color:#fff; text-align:; font-weight:bold;}


.ab_title2_hei1{ color:#333;}
.ab_title2_hei2{ background:#3786c7;}


.ab_con4{width:90%; margin:0 auto; font-size:1em; line-height:1.8em; padding-bottom:0px;}
.ab_con4 p{line-height:1.8em;}
.ab_con4 img{max-width:100%;}


}




@media only screen and (min-width:1366px) {
.service_input_wp{width:90%; height:; max-width:1400px; margin:0 auto; padding:10px 0px 30px 0px;}
.service_input_wp ul li{display:block; width:50%; height:; float:left; margin-bottom:16px;}

.s_input1{width:98%; height:48px; display: block; margin:0 auto; padding:0; border:none; background:#fff; box-sizing:border-box; border:#e0e0e0 1px solid; line-height:48px; text-indent:15px; font-size:14px;}

.s_input2{width:99%; height:48px; display: block; margin:0 auto; border:none; background:#3786c7; cursor:pointer; color:#fff; line-height:48px; font-size:18px; letter-spacing:5px; text-align:center;}
.s_input2:hover{ background:#4b9fe4;}

.s_input_li1{width:100% !important;}


.s_input3{width:99%; height:120px; display: block; margin:0 auto; padding:0; border:none; background:#fff; box-sizing:border-box; border:#e0e0e0 1px solid; line-height:48px; text-indent:15px; font-size:14px;}

}




@media only screen and (min-width:1000px) and (max-width:1365px) {
.service_input_wp{width:90%; height:; max-width:1400px; margin:0 auto; padding:10px 0px 20px 0px;}
.service_input_wp ul li{display:block; width:50%; height:; float:left; margin-bottom:16px;}

.s_input1{width:95%; height:48px; display: block; margin:0 auto; padding:0; border:none; background:#fff; box-sizing:border-box; border:#e0e0e0 1px solid; line-height:48px; text-indent:15px; font-size:14px;}

.s_input2{width:97%; height:48px; display: block; margin:0 auto; border:none; background:#3786c7; cursor:pointer; color:#fff; line-height:48px; font-size:18px; letter-spacing:5px; text-align:center;}
.s_input2:hover{ background:#4b9fe4;}

.s_input_li1{width:100% !important;}


.s_input3{width:97%; height:120px; display: block; margin:0 auto; padding:0; border:none; background:#fff; box-sizing:border-box; border:#e0e0e0 1px solid; line-height:48px; text-indent:15px; font-size:14px;}

}



@media only screen and (max-width:999px) {
.service_input_wp{width:90%; height:; max-width:1400px; margin:0 auto; padding:10px 0px 20px 0px;}
.service_input_wp ul li{display:block; width:100%; height:; float:left; margin-bottom:10px;}

.s_input1{width:100%; height:48px; display: block; margin:0 auto; padding:0; border:none; background:#fff; box-sizing:border-box; border:#e0e0e0 1px solid; line-height:48px; text-indent:15px; font-size:14px;}

.s_input2{width:100%; height:48px; display: block; margin:0 auto; border:none; background:#3786c7; cursor:pointer; color:#fff; line-height:48px; font-size:18px; letter-spacing:5px; text-align:center;}
.s_input2:hover{ background:#4b9fe4;}

.s_input_li1{width:100% !important;}


.s_input3{width:100%; height:120px; display: block; margin:0 auto; padding:0; border:none; background:#fff; box-sizing:border-box; border:#e0e0e0 1px solid; line-height:48px; text-indent:15px; font-size:14px;}

}










@media only screen and (min-width:1200px) {


/*公司介绍专题页*/
.ab_jj_1{width:100%; padding:60px 0px 100px 0px; background:url(../abimg/117.jpg) center center; background-size:cover; background-attachment:fixed;}

.ab_jj_1_con{width:90%; max-width:1700px; margin:0 auto; font-size:16px; line-height:35px; color:#fff;}

}



@media only screen and (max-width:1199px) {


/*公司介绍专题页*/
.ab_jj_1{width:100%; padding:30px 0px 30px 0px; background:url(../abimg/117.jpg) center center; background-size:cover; background-attachment:fixed;}

.ab_jj_1_con{width:90%; max-width:1700px; margin:0 auto; font-size:1.0em; line-height:2em; color:#fff;}

}





@media only screen and (min-width:1366px) {

.xcon1{width:100%; height:360px; max-width:1700px; margin:0 auto;}
.xcon1 ul li{display:block; width:33.33%; height:360px; float:left; padding:40px 0px 40px 0px; background:rgba(55,134,199,0.8); box-sizing:border-box; border-right:rgba(255,255,255,0.2) 1px solid; transition:0.5s;}
.xcon1 ul li:nth-child(3){border-right: none;}

.xcon1 ul li:hover{ box-shadow:0px 0px 60px rgba(0,0,0,0.6); background:rgba(55,134,199,1); position:relative;}


.xcon1 ul img{display:block; height:100px; margin:0 auto;}
.xcon1 ul h3{font-size:24px; color:#fff; text-align:center; line-height:40px; padding-bottom:15px;}
.xcon1 ul p{width:70%; margin:0 auto; line-height:30px; font-size:16px; color:rgba(255,255,255,0.7); text-align:center;}

}




@media only screen and (min-width:1000px) and (max-width:1365px) {
.xcon1{width:100%; height:340px; margin:0 auto;}
.xcon1 ul li{display:block; width:33.33%; height:340px; float:left; padding:30px 0px 30px 0px; background:rgba(55,134,199,0.8); box-sizing:border-box; border-right:rgba(255,255,255,0.2) 1px solid; transition:0.5s;}
.xcon1 ul li:nth-child(3){border-right: none;}

.xcon1 ul li:hover{ box-shadow:0px 0px 60px rgba(0,0,0,0.6); background:rgba(55,134,199,1); position:relative;}

.xcon1 ul img{display:block; height:100px; margin:0 auto;}
.xcon1 ul h3{font-size:20px; color:#fff; text-align:center; line-height:40px; padding-bottom:15px;}
.xcon1 ul p{width:70%; margin:0 auto; line-height:25px; font-size:14px;color:rgba(255,255,255,0.7); text-align:center;}
}



@media only screen and (max-width:999px) {
.xcon1{width:100%; height:; margin:0 auto;}
.xcon1 ul li{display:block; width:100%; height:; float:; padding:20px 0px 40px 0px; background:rgba(55,134,199,0.8); box-sizing:border-box; margin-bottom:1px; border-right:rgba(255,255,255,0.2) 1px solid;}
.xcon1 ul li:nth-child(3){border-right: none;}

.xcon1 ul img{display:block; height:50px; margin:0 auto;}
.xcon1 ul h3{font-size:1.2em; color:#fff; text-align:center; line-height:1.8em; padding-bottom:8px;}
.xcon1 ul p{width:80%; margin:0 auto; line-height:1.8em; font-size:0.8em; color:rgba(255,255,255,0.7); text-align:center;}
}



@media only screen and (min-width: 1400px) {
.cs_cont{ width:90%; max-width:1700px; margin:0 auto; padding:20px 0px 20px 0px;}



.cs_cont ul li{display:block; width:100%; height:; float:; box-sizing:border-box; padding:20px; transition:0.2s; margin-bottom:20px; border:#e5e5e5 1px solid;}
.cs_cont ul li:hover{-moz-box-shadow:0px 0px 40px #e4eff7; -webkit-box-shadow:0px 0px 40px #e4eff7; box-shadow:0px 0px 40px #e4eff7;}




.cs_1{width:25%; float:left;}
.cs_1 img{width:100%; height:auto; border-radius:8px;}


.cs_2{width:73%; float:right;}
.cs_2 h3{font-size:20px; color:#222; font-weight:bold; line-height:50px;}
.cs_2 h3 a{color:#222; font-weight:bold; }
.cs_2 p{font-size:16px; line-height:32px; color:#888;}



.cs_2_r2{width:100%; line-height:40px; font-size:16px; color:#888;}
.cs_2_r2 i{margin-right:8px;}
.cs_2_r3{width:100%; line-height:40px; font-size:16px; padding-top:20px;}
.cs_2_r3 a{display:block; float:right; width:200px; height:40px; line-height:40px; text-align:center; border:#3786c7 1px solid; transition:0.5s;}
.cs_cont ul li:hover .cs_2_r3 a{ background:#3786c7; color:#fff;}

}




@media only screen and (min-width: 1200px) and (max-width: 1399px) {

.cs_cont{ width:90%; max-width:1700px; margin:0 auto; padding:20px 0px 20px 0px;}

.cs_cont ul li{display:block; width:100%; height:; float:; box-sizing:border-box; padding:20px; transition:0.2s; margin-bottom:20px; border:#e5e5e5 1px solid;}
.cs_cont ul li:hover{-moz-box-shadow:0px 0px 40px #e4eff7; -webkit-box-shadow:0px 0px 40px #e4eff7; box-shadow:0px 0px 40px #e4eff7;}



.cs_1{width:25%; float:left;}
.cs_1 img{width:100%; height:auto; border-radius:5px;}

.cs_2{width:72%; float:right;}
.cs_2 h3{font-size:20px; color:#333; font-weight:bold; line-height:50px;}
.cs_2 h3 a{color:#222; font-weight:bold; }
.cs_2 p{font-size:14px; line-height:32px; color:#888;}


.cs_2_r2{width:100%; line-height:40px; font-size:14px; color:#888;}
.cs_2_r2 i{margin-right:8px;}
.cs_2_r3{width:100%; line-height:40px; font-size:16px; padding-top:20px;}
.cs_2_r3 a{display:block; float:right; width:150px; height:40px; line-height:40px; text-align:center; border:#3786c7 1px solid; transition:0.5s;}
.cs_cont ul li:hover .cs_2_r3 a{ background:#3786c7; color:#fff;}

}






@media only screen and (max-width: 1199px) {
.cs_cont{ width:90%; margin:0 auto; padding:10px 0px 10px 0px;}

.cs_cont ul li{display:block; width:100%; height:; float:; box-sizing:border-box; padding:10px; transition:0.2s; margin-bottom:10px; border:#e5e5e5 1px solid;}
.cs_cont ul li:hover{-moz-box-shadow:0px 0px 40px #e4eff7; -webkit-box-shadow:0px 0px 40px #e4eff7; box-shadow:0px 0px 40px #e4eff7;}



.cs_1{width:100%; float:;}
.cs_1 img{width:100%; height:auto; border-radius:5px;}

.cs_2{width:100%; float:; margin-top:10px;}
.cs_2 h3{font-size:1.2em; color:#333; font-weight:bold; line-height:2em; padding-bottom:10px;}
	.cs_2 h3 a{color:#222; font-weight:bold; }
.cs_2 p{font-size:1em; line-height:1.6em; color:#888;}


.cs_2_r2{width:100%; line-height:40px; font-size:1.0em; color:#888;}
.cs_2_r2 i{margin-right:5px;}

.cs_2_r3{width:100%; line-height:40px; font-size:16px; padding-top:12px;}
.cs_2_r3 a{display:block; width:100%; height:40px; line-height:40px; text-align:center; border:#3786c7 1px solid; transition:0.5s;}
.cs_cont ul li:hover .cs_2_r3 a{ background:#3786c7; color:#fff;}

}





























@media only screen and (min-width:1366px) {

#new_conl{width:90%; max-width:1700px; margin:0 auto; min-height:50px; padding:60px 60px 30px 60px; margin-top:0px; position:relative;}

#new_conla{width:100%; min-height:20px; padding:15px 0px 15px 0px; font-size:24px; text-align:center; color:#333; font-weight:bold; border-bottom:#e4e4e4 0px dotted; }


#new_conlb{width:100%; height:50px; line-height:50px; font-size:14px; font-style:; text-align:center;}
#new_conlb span{color:#777; margin:0px 30px 0px 10px;}


#new_conlc{width:100%; min-height:50px; padding:15px 0px 15px 0px; font-size:14px; line-height:35px;}
#new_conlc p{ line-height:35px;}
#new_conlc img{max-width:100%;}

#new_conld{width:100%; min-height:50px; padding:15px 0px 15px 0px; font-size:14px; line-height:30px; border-top:#e0e0e0 1px dotted;}


}






@media only screen and (max-width:1365px) {

#new_conl{width:90%; margin:0 auto; min-height:50px; padding:40px 0px 20px 0px;}

#new_conla{width:100%; min-height:20px; padding:10px 0px 10px 0px; font-size:18px; text-align:center; color:#333; font-weight:bold; border-bottom:#e4e4e4 0px dotted; }


#new_conlb{width:100%; height:30px; line-height:30px; font-size:0.8em; font-style:; text-align:center;}
#new_conlb span{color:#777; margin:0px 0px 0px 0px;}


#new_conlc{width:100%; min-height:50px; padding:15px 0px 15px 0px; font-size:14px; line-height:35px;}
#new_conlc p{ line-height:35px;}
#new_conlc img{max-width:100%;}

#new_conld{width:100%; min-height:50px; padding:15px 0px 15px 0px; font-size:14px; line-height:30px; border-top:#e0e0e0 1px dotted;}


}




















@media only screen and (min-width: 1200px) {
.yy_cont{ width:90%; max-width:1700px; margin:0 auto; padding:20px 0px 20px 0px;}

.yy_cont ul li{display:block; width:25%; height:; float:left; border-radius:0px; box-sizing:border-box; padding:20px 20px 10px 20px; margin-bottom:15px; transition:0.2s;}
.yy_cont ul .yy_1{width:100%; height:;}
.yy_cont ul .yy_1 img{width:100%; height:auto; display:block; margin:0 auto; border-radius:0px; transition:0.5s;}
.yy_cont ul .yy_2{width:100%; height:60px; line-height:60px; text-align:center; font-size:16px;}


.yy_cont ul li:hover{ background:#3786c7; color:#fff;}
.yy_cont ul li:hover a{color:#fff;}


.yy_cont ul li:hover .yy_1 img{-webkit-transform: rotateZ(2deg);transform: rotateZ(2deg);-moz-box-shadow:0px 0px 20px rgba(0,0,0,0.5); -webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.5); box-shadow:0px 0px 20px rgba(0,0,0,0.5);}

}










@media only screen and (max-width: 1199px) {
.yy_cont{ width:90%; margin:0 auto; padding:10px 0px 10px 0px;}

.yy_cont ul li{display:block; width:100%; height:auto; float:; box-sizing:border-box; padding:; transition:0.2s; margin-bottom:15px;}
.yy_cont ul .yy_1{width:100%; height:auto;}
.yy_cont ul .yy_1 img{width:100%; height:auto; margin:0 auto; border-radius:5px;}
.yy_cont ul .yy_2{width:100%; height:3em; line-height:3em; text-align:center; font-size:1.2em;}

}













@media only screen and (min-width: 1200px) {
.rr_cont{ width:92%; max-width:1700px; margin:0 auto; padding:20px 0px 20px 0px;}

.rr_cont ul li{display:block; width:25%; height:; float:left; border-radius:8px; box-sizing:border-box; padding:20px 20px 10px 20px; margin-bottom:15px; transition:0.2s;}

.rr_cont ul li a{display:block; width:100%; margin:0 auto; border:#e5e5e5 1px solid; box-sizing:border-box; padding:10px; transition:0.5s;}

.rr_cont ul .rr_1{width:100%; height:200px;}
.rr_cont ul .rr_1 img{max-width:100%; height:200px; display:block; margin:0 auto;  transition:0.5s;}
.rr_cont ul .rr_2{width:100%; height:60px; line-height:60px; text-align:center; font-size:16px;}


.rr_cont ul li:hover a{  border:#3786c7 1px solid; -moz-box-shadow:0px 0px 20px #eee; -webkit-box-shadow:0px 0px 20px #eee; box-shadow:0px 0px 20px #eee;}



}










@media only screen and (max-width: 1199px) {
.rr_cont{ width:92%; max-width:1700px; margin:0 auto; padding:20px 0px 20px 0px;}

.rr_cont ul li{display:block; width:50%; height:; float:left; border-radius:8px; box-sizing:border-box; padding:10px 10px 10px 10px; margin-bottom:0px; transition:0.2s;}

.rr_cont ul li a{display:block; width:100%; margin:0 auto; border:#e5e5e5 1px solid; box-sizing:border-box; padding:10px; transition:0.5s;}

.rr_cont ul .rr_1{width:100%; height:100px;}
.rr_cont ul .rr_1 img{max-width:100%; height:100px; display:block; margin:0 auto;  transition:0.5s;}
.rr_cont ul .rr_2{width:100%; height:30px; line-height:30px; text-align:center; font-size:1.0em;}


.rr_cont ul li:hover a{  border:#3786c7 1px solid; -moz-box-shadow:0px 0px 20px #eee; -webkit-box-shadow:0px 0px 20px #eee; box-shadow:0px 0px 20px #eee;}


}





@media only screen and (min-width:1200px) {


.sl_c{width:100%; margin:0 auto;}

.sl_c ul li{display:block; width:100%; height:; margin:0 auto; padding:80px 0px 80px 0px; background:#f5f8fb;}

.sl_cw{width:90%; margin:0 auto; max-width:1700px;}

.sl_c ul .sleft{width:40%; float:left;}
.sl_c ul .sleft img{width:100%; height:auto; display:block; box-shadow: 6px 0px 12px rgba(0,0,0,0.1);}

.sl_c ul .sright{width:55%; float:right; font-size:16px; line-height:35px;}
.sl_c ul .sright p{line-height:35px;}

.sl_c ul .sright h2{font-size:28px; line-height:35px; padding-bottom:20px; color:#104280; font-weight:bold;}



.sl_c ul li:nth-child(2n+1){background:#fff;}


.sl_c ul li:nth-child(2n+1) .sleft{float:right !important;}
.sl_c ul li:nth-child(2n+1) .sright{float:left !important;}

}





@media only screen and (max-width:1199px) {


.sl_c{width:100%; margin:0 auto;}

.sl_c ul li{display:block; width:100%; height:; margin:0 auto; padding:30px 0px 30px 0px; background:#f5f8fb;}

.sl_cw{width:90%; margin:0 auto; max-width:1400px;}
.sl_cw img{width:100%; height:auto; display:block; box-shadow: 4px 0px 4px rgba(0,0,0,0.1);}

.sl_c ul .sleft{width:100%; float:left; margin-bottom: 20px;font-size:0.9em; line-height:2em;}
.sl_c ul .sright p{line-height:2em;}

.sl_c ul .sright{width:100%; float:right; font-size:0.9em; line-height:2em;}
.sl_c ul .sright p{line-height:2em;}

.sl_c ul .sright h2{font-size:1.2em; line-height:1.8em; padding-bottom:6px; color:#104280; font-weight:bold;}



.sl_c ul li:nth-child(2n+1){background:#fff;}


.sl_c ul li:nth-child(2n+1) .sleft{float:right !important;}
.sl_c ul li:nth-child(2n+1) .sright{float:left !important;}

}