@charset "utf-8";
/* CSS Document */
body,html{ margin:0; padding:0; font:14px "微软雅黑",“宋体”; background-color:#fff; color: #424242;}
html{width:100%; height:100%; overflow-x: hidden}
div{box-sizing:border-box; margin:0 auto; padding:0;}
h1,h2,h3,h4,h5,h6{margin:0; padding:0; font-weight: normal;}
em{ font-style:normal}
ul,li,dl,dt,dd{ list-style-type:none; margin:0; padding:0;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#333; text-decoration:none;}
*{ margin:0; padding:0;}
img{ border:none; max-width:100%; vertical-align: bottom;}
input,button,textarea{ border: 0; font-size:16px; font-family:"微软雅黑";
 -webkit-appearance:none;
 outline:none}
.fl{ float:left!important;}
.fr{ float:right!important;}
.clear{ clear:both;}
.colr01{color:#F1F1F1!important;}
/***********以上是公共定义*********/
header{width:100%; height: 100px; position: relative; z-index: 9;}
.logo{height: 100%;float: left;}
.logo1{height: 100%; display: inline-block; padding: 0 20px; float: left;}
.logo1 img{width: 321px; padding-top: 30px;}
.nav{max-width:1200px;margin: 0 auto;}
.nav li{padding: 0 20px;  float:left;position: relative;}
.nav li a{ line-height:95px; font-size: 17px; color:#222; display: block;}
.nav li a:hover,.nav li a.cur{ color:#006ddb; text-decoration:none; border-bottom: #006ddb solid 5px;position: relative;}

.menudown-content{ display:none;position:absolute;top:100px; background-color:#fafafa;left: 20px; z-index:999;}
.menudown-content>li{ width:120px;float:left; border-bottom: #eaeaea solid 1px; padding: 0;}
.menudown-content>li>a{display:block; text-align: center; padding: 0; font-size: 15px;color:#444;line-height: 55px;}
.menudown-content>li>a:hover{color:#006ddb; border-bottom: none;}

.nav-phone:hover .tishi_con{ visibility: visible; opacity:1;}
.nav-phone{width:60px; height:60px; display:none;float:right; text-align:center; border-radius:5px;background-color:#222; padding:32px 15px; position:relative;}
.nav-phone .phone-more{width:40px; height:2px;}
.nav-phone .meun_btn,
.nav-phone .meun_btn::after,
.nav-phone .meun_btn::before{ width:30px; height:2px; display: inline-block; right:15px;background-color:#D7D7D7;position:absolute; -webkit-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.nav-phone .phone-more.active .meun_btn{ background-color:transparent;}
.nav-phone .phone-more.active .meun_btn::after{ -webkit-transform: rotate(45deg); transform: rotate(45deg); content:''; top:0;}
.nav-phone .phone-more.active .meun_btn::before{-webkit-transform: rotate(-45deg); transform: rotate(-45deg);content:'';top:0;}
.nav-phone .phone-more .meun_btn::after{top:-12px; content:'';right:0px;}
.nav-phone .phone-more .meun_btn::before{top:12px; content:'';right:0px;}
.top_right{position: absolute; top: 0; right: 0;}
.top_tel{ float:left;}
.top_tel li{ width:90px;float:left; border-left: #eee solid 1px; padding: 0;}
.top_tel li a{ width:100%; text-align: center; display: block; line-height:100px; font-size: 16px;}
.top_tel li a:hover{background-color:#006ddb; color: #fff;border:none;}
.sousuo{ width: 100px; height: 100%; line-height: 95px; text-align: center; border-left: #f0f0f0  solid 1px;background-color:#fafafa;float:left; cursor: pointer; position: relative;}
.sousuo i{ color:#636363; font-size:28px;}
.dropdown-content{ display:none;position:absolute;top:100px; background-color:#fafafa; padding:20px 30px;right: 0; z-index:999;width: 400px;}
.dropdown:hover .dropdown-content{display:block;display:inline-flex;}
.dropdown-content .inpt_lft{ width:300px; height:37px; text-indent:10px; color:#7c7c7c;background-color:#fff; border:#dadada solid 1px;float:left;overflow:hidden;border-top-left-radius:3px;border-bottom-left-radius:3px;border-right:none;}
.dropdown-content .btn_rgt{ width:38px; height:39px;float:left;overflow:hidden;border:#dadada solid 1px;border-top-right-radius:3px;border-bottom-right-radius:3px; background-color:#FFF; border-left:none; color:#aaa;}
/*********手机搜索********/
.sou-content{ display:none;position:absolute;top:100px; background-color:#fafafa; padding:20px 30px;right: 0; z-index:999;}
.sou-content .inpt_lft{ width:320px; height:37px; text-indent:10px; color:#7c7c7c;background-color:#fff; border:#dadada solid 1px;float:left;overflow:hidden;border-top-left-radius:3px;border-bottom-left-radius:3px;border-right:none;}
.sou-content .btn_rgt{ width:38px; height:39px;float:left;overflow:hidden;border:#dadada solid 1px;border-top-right-radius:3px;border-bottom-right-radius:3px; background-color:#FFF; border-left:none; color:#aaa;}
/*********手机搜索********/
.navbar_phone{ display: none;}
.nav_phone{ width: 34px; height: 34px; background-color: #016DDC; text-align: center; margin-top: 12px; float: right; display: none; cursor: pointer; position: relative; z-index: 999;}
.nav_phone .phone_more{ display: inline-block;  width: 22px; height: 18px; margin-top: 8px; position: relative;}
.nav_phone .navbtn,
.nav_phone .navbtn::after,
.nav_phone .navbtn::before {
        position: absolute;  
        right: 0;  
       display: inline-block;  
       width: 22px;  
       height: 2px;   
       -webkit-transition: all .3s ease-out 0s;  
       -moz-transition: all .3s ease-out 0s;  
       -ms-transition: all .3s ease-out 0s;  
       -o-transition: all .3s ease-out 0s;  
       transition: all .3s ease-out 0s;  
       background: #fff;  
       border-radius:3px;
       -webkit-border-radius:3px; 
       -moz-border-radius:3px;}
.nav_phone .navbtn{ top: 8px;}
.nav_phone .navbtn::after { top:-8px; content: '';}
.nav_phone .navbtn::before { top:8px; content: '';}
.nav_phone .phone_more.active .navbtn{  background: transparent;  }
.nav_phone .phone_more.active .navbtn::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px;  }
.nav_phone .phone_more.active .navbtn::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px;  }
@media screen and (max-width:1499px) and (min-width:1300px){
 .logo1 img{width: 261px; padding-top: 35px;}
}
@media screen and (max-width:1299px) and (min-width:1100px){
header{width:100%; height: 80px; position: relative; z-index: 9;}
.logo{height: 100%;float: left;}
.logo1{height: 80%;display: inline-block; padding: 0 10px; float: left;}
.logo1 img{width: 221px; padding-top: 26px;}
.nav{max-width:1100px;}
.nav li{padding: 0 15px;  float:left;}
.nav li a{ line-height:78px; font-size: 15px; }
.nav li a:hover,.nav li a.cur{border-bottom: #006ddb solid 2px;}
.top_tel li{ width:100px;float:left; border-left: #eee solid 1px; padding: 0;}
.top_tel li a{ width:100%; text-align: center; display: block; line-height:80px; font-size: 16px;} 
.sousuo{line-height: 75px;}
.dropdown-content{ display:none;position:absolute;top:80px; background-color:#fafafa; padding:20px 30px;right: 0; z-index:999;}
.menudown-content{ display:none;position:absolute;top:80px; background-color:#fafafa;left: 15px; z-index:999;}
}

@media screen and (max-width:1099px) and (min-width:970px){
	header{width:100%; height:70px; position: relative; z-index: 9;}
.logo{height: 100%;float: left;}
.logo1{height: 100%;display: inline-block; padding: 0 10px; float: left;}
.logo2{ padding-left:15px;float: left;}
.logo1 img{width: 221px; padding-top: 20px; padding-right: 20px;}
.nav{max-width:1000px;}
.nav li{padding: 0 10px;  float:left;}
.nav li a{ line-height:68px; font-size: 14px; }
.nav li a:hover,.nav li a.cur{border-bottom: #006ddb solid 2px;}
.top_tel li{ width:80px;float:left; border-left: #eee solid 1px;padding: 0;}
.top_tel li a{ width:100%; text-align: center; display: block; line-height:70px; font-size: 15px;}
.sousuo{width: 80px;line-height: 65px;}
.sousuo i{ color:#636363; font-size:24px;}
.dropdown-content{ display:none;position:absolute;top:70px; background-color:#fafafa; padding:20px 30px;right: 0; z-index:999;}
.menudown-content{ display:none;position:absolute;top:70px; background-color:#fafafa;left: 20px; z-index:999;}
}

@media screen and (max-width:969px){
	header{ height: 58px; background: #fff; position: relative;}	
 .logo1 img{width: 200px; padding-top: 15px;}
 .nav,.nav li,.nav li a{width:100%;}
 .nav{display: none; position: relative; z-index: 9;}	 
 .nav li{display: block; padding: 0; border-bottom: #EEEEEE solid 1px;}
 .nav li a{ width:100%; display: block; line-height:45px;padding: 0 20px;font-size: 15px;}
 .nav li a:hover,.nav li a.cur{ color:#006ddb;text-decoration:none; border-bottom: none;position: relative;}
 .nav li a.cur{background-color:#006ddb; color: #fff;}
	.nav_phone{ display: block; margin-right: 20px;}	
 .top_right{ width: 100%; position: relative; z-index:-1;}
 .top_tel{ width: 100%; float:left;position: relative; z-index:1;}
 .top_tel li{ width:50%;float:left; border-left: #eee solid 1px; padding: 0;box-sizing: border-box;}
 .top_tel li a{ width:100%; text-align: center; display: block; padding: 0; line-height:45px; font-size: 14px;}
 .top_tel li a:hover{ color:#fff;}
 .sousuo{ display: none;width: 100px; height: 100%; line-height: 95px; text-align: center; border-left: #f0f0f0  solid 1px;background-color:#fafafa;float:left; cursor: pointer; position: relative;}
 .sousuo i{ color:#636363; font-size:28px;}
 .sou-content{ display:block;position: relative;background-color:#fafafa; padding:20px 10px;top: 0; z-index:999; overflow: hidden;}
 .sou-content .inpt_lft{ width:89%; height:37px; text-indent:10px; color:#7c7c7c;background-color:#fff; border:#dadada solid 1px;float:left;overflow:hidden;border-top-left-radius:3px;border-bottom-left-radius:3px;border-right:none;}
 .sou-content .btn_rgt{ width:38px; height:39px;float:left;overflow:hidden;border:#dadada solid 1px;border-top-right-radius:3px;border-bottom-right-radius:3px; background-color:#FFF; border-left:none; color:#aaa;}
}
@media screen and (max-width:639px){
 .top_tel li a{ width:100%; text-align: center; display: block; line-height:60px; font-size: 16px;padding:0;}
 .sousuo{line-height: 55px;}	
}

/**********footer*********/
footer{ background-color:#0069d2; width: 100%; overflow: hidden; padding: 40px 0; margin-top: 50px;}
.footer{ max-width:1200px;}
.footer .ft_lft{float:right;display: -webkit-flex;display: flex;}
.footer .ft_lft,.footer .ft_lft li img{ width:104px;}
.footer .ft_lft li span{ color: #fff; font-size: 16px;width: 100%; padding-bottom: 20px; float:left;}
.footer .ft_rgt{ width:65%; float:left;}
.footer .ft_rgt li{ padding: 0 20px; border-left: #eee solid 1px; line-height: 10px; color: #5eaefd; float:left; text-align: center;}
.footer .ft_rgt li:first-child{border-left: none;}
.footer .ft_rgt li a,.footer .ft_rgt p,.footer .ft_rgt p a{ font-size: 14px;color: #a7d2fd; }
.footer .ft_rgt li a{font-size: 16px;}
.footer .ft_rgt p{padding-left: 20px; margin-top: 20px; line-height: 24px;}
.footer .ft_rgt p a{}
.phone_footer{ display: none; border-top:1px solid #EFF6FE; background:#fff;line-height:18px;position:fixed; -position:absolute; z-index: 999;bottom:0px; width:100% }
.phone_footer ul li{width:24.7%; float:left;text-align:center; border-right:#ddd solid 1px;}
.phone_footer ul li:nth-child(4n){border-right: none;}
.phone_footer ul li a{width:100%;color:#444; float:left; padding:8px 0;}
.phone_footer ul li i{ width:100%; color:#444;float:left; font-size:18px;}
.phone_footer ul li a.cur,.footer ul li a.cur i,.footer ul li a:hover,.phone_footer ul li a.cur i{ color:#fff; background-color:#006ddb;}
@media screen and (max-width:969px){
	.footer .ft_lft{float:right;display: -webkit-flex;display: flex; padding-right: 20px;}
 .footer .ft_lft,.footer .ft_lft li img{ max-width: 100%;}
 .footer .ft_lft li{ position:relative; }
 .footer .ft_rgt li{display: none;}
 .footer .ft_rgt p{ }
 footer{ display:none;}
 .phone_footer{ display: block;}
}
@media screen and (max-width:639px){
 .footer .ft_lft{ float:none;}
 .footer .ft_rgt{ width:100%;}
}
/*********footer底部*********/
/*分页*/
.page{position: relative; float:right;height:40px;margin:40px auto;}
.page a{ padding:7px 15px;background:#e9e9e9;font-size:14px; margin-left: 2px; border: #e9e9e9 solid 1px;line-height:22px; float: left; text-align:center; color:#7D7D7D;}
.page a:hover{background:#006ddb;border: #006ddb solid 1px;color:#fff;}
.page span{background:#006ddb; color:#FFF;}
.page a.page_bg{background:#b21b29; color:#FFF;}

.piaofu{ position:fixed; right: 50px; top:25%; width:60px; z-index: 999; display: none;}
.piaofu li{ float:left; width:100%; height: 60px; background-color: #fdfdfd; margin-top: 1px; position: relative;}
.piaofu li a{ width:100%;text-align:center;display: block; line-height: 60px;}
.piaofu li a i{font-size:24px;}
.piaofu li a:hover{background:#006ddb; color: #fff;}
.piaofu_content{ width:180px; margin-top: 1px; line-height: 60px; font-size: 18px; font-weight: 600; display:none;position:absolute;top:0;background-color:#fafafa; right: 60px; padding-left: 20px; z-index:999;}
.pf_dropdown:hover .piaofu_content{display:inline-flex;}


@media screen and (max-width:969px){
 .piaofu{display:none;}
}