@charset "utf-8";
/* CSS Document */
body{padding:0px; margin:0px; font-size:12px; line-height:26px;color:#4c4c4c;background: #fff !important; font-family:"微软雅黑";}
div,ul,li,p,h1,h2,dl,dt,dd{ padding:0px; margin:0px;}
a{ color:#4c4c4c; text-decoration:none;}
a:hover{ color:#0b3794;}
img{ border:none;}
li{ list-style:none;}
.header,.main,.footer{ text-align:center;width:100%;}
.left{ float:left;}
.right{ float:right;}
.mr10{ margin-right:10px;}
.w1000{ width:1200px; margin:0 auto; text-align:left; height:100%; overflow:hidden;}
.mt10{ margin-top:10px;}
.mt30{ margin-top:30px;}
.clear{ clear:both;}
.fwb{ font-weight:bold;}
.tac{ text-align:center;}
/*header*/
.header{ height:88px; background:#fff;}
.header .w1000{ width:1200px;}
.head_top{ height:32px; line-height:32px; background:#232e40;color:#fff;}
.head_top span{ padding-left:15px; float:right;}
.head_top a{ color:#fff;}
.headcon{ height:88px;}
.header .left{ width:260px;}
.header .left img{ margin-top:26px;}
.header .nav{ width:800px; height:88px;}
.header .nav ul{ width:auto; height:auto; min-width:80px;}
.header .nav li{ float:left; margin-left: 46px;height:88px; line-height:88px; padding: 0 10px; text-align:right; font-size:16px;}
.header .nav li.nav_main:hover{background:#027cd1; transition: 0.6s;-moz-transition: 0.6s; /* Firefox 4 */ -webkit-transition: 0.6s; /* Safari 和 Chrome */ -o-transition: 0.6s;}
.header .nav li.nav_main:hover a{color:#fff; font-weight:bold;}
.header .nav ul .nav_sub{ z-index:999999; display:none; position:absolute; left:10%;height:60px;line-height:60px;width:100%}
.header .nav li.nav_item:hover .nav_sub{ display:block;z-index:999999; height:450px;}
.header .nav .nav_sub li{ float:left; width:180px; height:60px; line-height:60px;z-index:999999; text-align:center;}
.header .nav .nav_sub .nav_submenu-item {float: left;width: 5.8vw;text-align: left;color: #027cd1;margin-top: 20px;font-weight: bold;}
.header .nav .nav_sub .nav_submenu-item .nav_sub_menu .nav_sub_list{float: none;padding: 0px !important;height: 36px;line-height: 36px;font-weight: normal;margin-left: 0px;}
.header .nav .nav_sub .nav_submenu-item .nav_sub_menu .nav_sub_list a{height: 36px;line-height: 36px;text-align: left;color: #666; font-weight:normal;}
.header .nav .nav_sub .nav_submenu-item .nav_sub_menu .nav_sub_list a:hover{color:#027cd1;}
.header .nav li .nav_sub li a{ color:#fff; display:block; width:13vw; height:60px;z-index:999999;}
.header .nav ul .small{height:60px; line-height:60px; width:900px;}
.header .nav ul .small li{ width:105px; overflow:hidden;}
.header .nav li .small li a{width:105px;} 
.header .nav li.nav_item:hover .small{ display:block;z-index:999999; height:60px; width:900px;}
.subbg{ position:absolute;background:#f5f5f5; z-index:9999; height:430px; width:100%; top:88px; filter:alpha(opacity=96);-moz-opacity:0.96; -khtml-opacity: 0.96; opacity: 0.96;  }
/*banner*/
#full-screen-slider {width:100%;height:480px;float:left; position:relative;z-index:22; overflow:hidden;}
#slides {display:block; width:100%; height:480px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; }
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:18%; bottom:30px; z-index:99;  padding:5px 15px 5px 0; margin:0 auto;}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE;}
/*page*/
.page_banner,.page_cusbanner{ width:100%; height:240px; overflow:hidden;}
.page_cusbanner{ height:425px;}
.urllink{ height:50px; line-height:50px;}
.urllink a,.urllink span{ padding:0 5px;}
.page_tab{ height:50px; background:#f0f0f0; border-bottom:2px #037dd0 solid; font-size:16px;}
.page_tab li{ float:left; width:100px; text-align:center; line-height:50px; overflow:hidden;}
.page_tab li a{ display:block; height:50px; width:100px;overflow:hidden;}
.page_tab li a.cur,.page_tab li.cur{ background:#037dd0; color:#fff;}
.page_content{ padding:15px 0;}
/*product*/
.pro_topbaner{ height:425px;}
.pro_topbaner p img{ width:100%;}
.pro_topbaner_set{}
.pro_topbaner_set p img{ width:100%;}
.pro_page{ width:100%;}
.pro_page .w1000{height:100%; overflow:hidden; position:relative;}
.pro_page .screen .w1000{padding:50px 0;}
.pro_page .pbnone .w1000{ padding-bottom:0;}
.pro_page .w1000 .right{ text-align:right; width:48%; overflow:hidden;}
.pro_page .w1000 .left{ line-height:30px;width:48%; overflow:hidden;}
.pro_page .w1000 .left img,.pro_page .w1000 .right img{}
.pro_page .w1000 .left,.pro_page .w1000 .right{ line-height:35px;}
.pro_page .w1000 .left .fs18,.pro_page .w1000 .right .fs18{ margin-top:15px;}
.pro_page .w1000 .left .fs24,.pro_page .w1000 .right .fs24{ margin-top:15px;}
.pro_page .bluebg .w1000 .left,.pro_page .bluebg .w1000 .right{ color:#fff;}
.bluebg{ background:#118be1;}
.greybg{ background:#f2f5f6;}
.lightbg{ background:#e7f0f7;}
.white,.blue,.black{font-size:24px; text-align:center; padding-bottom:20px;}
.whitebg{}
.pro_page .greybg .w1000,.pro_page .whitebg .w1000{ padding-top:20px;}
.pro_page .greybg .w1000 .left,.pro_page .whitebg .w1000 .right{ width:70%; margin:0px; line-height:30px;}
.pro_page .greybg .w1000 .right,.pro_page .whitebg .w1000 .left{ width:30%;margin:0px;text-align:left;line-height:30px;}
.blue{color:#0273cf;}
.white{ color:#fff;}
.black{ padding-bottom:20px;}
.orange{ color:#ef5c29;}
.bigger{ font-size:30px;}
.fs14{ font-size:14px;}
.fs18{ font-size:18px;}
.fs24{ font-size:24px;}
.groupicon,.groupicon4{ width:100%; float:left;}
.groupicon li,.groupicon4 li{ float:left; width:200px; color:#333; font-size:14px; text-align:center; line-height:30px;}
.groupicon li .gtitle,.groupicon4 li .gtitle{ font-size:18px; padding-top:20px; }
.groupicon4 li{ width:300px;}
.main_pro{ margin-top:30px;}
.main_pro li{ width:211px;float:left; height:265px; background:#fff; padding:20px 15px;margin-right:12px;}
.main_pro dl{overflow:hidden;}
.main_pro dt{ width:100%; text-align:center; height:80px; clear:both;}
.main_pro dd{ width:100%; text-align:center;clear:both; font-size:16px;}
.main_pro dd a{color:#333;}
.main_pro .bluefont{ margin-top:15px;height:42px; line-height:42px; text-align:center; color:#fff; font-size:16px; width:100%; background:#2797e1; clear:both;}
.main_pro p{ padding:15px 5px 0 5px; line-height:24px;}
.main_customer{ height:100%; overflow:hidden; clear:both; padding-top:30px;}
.main_customer li{ background:#fff; width:192px; float:left; margin-right:10px; margin-bottom:10px; height:90px; text-align:center;}
.main_customer li img{ margin-top:15px;}
.main_customer li p{ color:#aaa; font-size:16px; line-height:28px;}
.main_customer li p.fonttop{ font-size:28px; margin-top:16px;}
.main_customer li p.fonttop span{ color:#017ed0;}
.main_news{ margin-top:30px;}
.main_news div{ float:left; width:465px; background:#fff; padding:15px; margin-right:10px;}
.main_news ul{ width:100%;}
h2{ height:40px; line-height:40px; width:100%; background:#2797e1; color:#fff;font-weight:normal;}
h2 span{ padding-left:15px; font-size:16px;}
h2 a{ display:block; width:60px; float:right; font-size:12px; text-align:center; color:#fff;}
.wboxlist li{ width:107px; float:left; height:50px; background:#fff; margin-right:20px; margin-bottom:30px; text-align:center; line-height:50px;}
h1{ height:35px; line-height:35px; border-bottom:1px #dcdcdc solid;}
h1 span{ display:block; float:left; width:150px;font-size:14px; padding-left:15px;}
h1 a{ display:block; float:right; width:40px; font-size:12px; font-weight:normal;} 
.dot{ padding:10px; line-height:24px; float:left;}
.dot li{ width:455px; height:26px; background:url(dot.gif) left center no-repeat; padding-left:10px;}
.dot li a{ display:inline-block;float:left; width:360px;}
.dot li span{ display:inline-block;float:right;margin-right:10px;}
.page .left{ width:190px; margin-right:10px;}
.page .right{ width:760px;}
.url{ height:30px; line-height:30px;}
.url a{ padding:0 5px;}
.sort{ padding:10px;}
.sort li{ height:30px; line-height:30px;background:url(dot.gif) left center no-repeat; padding-left:12px;}
.sort li.bb{border-bottom:1px #ccc dotted;background: url('arraw2.png') no-repeat 156px;}
.sort li.bb:hover{background-color:#0191d6;}
.sort li.bb:hover a{color:#ffffff;}
.content{border:1px solid #d9d9d9; padding:10px 15px;}
.pagetitle{ font-size:16px; font-weight:bold; height:40px; line-height:40px; background:url(pagetitle.gif) no-repeat; padding-left:25px;}
.page_client{ background:#01458e;}
.clientmain .left{ width:345px!important; width:344px;}
.clientmain .right{ width:615px; height:440px; overflow:hidden;position:relative;}
.clientmain .left li{ width:105px; height:105px; overflow:hidden; margin-bottom:4px; margin-top:4px; float:left; margin-right:10px!important;margin-right:7px;}
.clientlist ul{ padding:0 10px; float:left;width:100%;}
.clientlist li{ /**width:459px;**/ height:24px; line-height:24px; /**float:left;**/background:url(dot.gif) left center no-repeat; padding-left:10px;}
.clientlist li a{ display:inline-block; float:left; /**width:369px;**/}
.clientlist li span{ display:inline-block; float:right; width:110px; text-align:center}
.newslist{ padding-top:5px;}
.newslist li{float:left; border-bottom:1px #ccc dotted; padding-bottom:10px; margin-bottom:10px;width: 100%;}
.newslist li a{ display:block;line-height:24px; width:900px; float:left; font-size:15px; color:#333;font-weight: bold;}
.newslist li span{ display:block;width:100px; float:right; text-align:right; color:#999;}
.newslist li p{ line-height:26px; color:#999; padding-top:5px;font-size: 14px;}
.pages { padding:15px 10px; clear:both;}
.pages a{ background:#fff; border:1px #dcdcdc solid; padding:5px 8px; margin:0 5px;}
.pages a:hover,.pages span.current{ background:#037dd0; border:1px #037dd0 solid; color:#fff;}
.pages span.current{padding:5px 12px; margin:0 5px;}
.newstitle{ line-height:30px; font-size:24px; color:#333;text-align:center; border-bottom:1px #ccc dotted; padding:10px 0 25px 0;}
.date{ color:#999; text-align:center; padding:10px 0;}
.date span{ padding:0 5px;}
.newscon{ color:#333;line-height:26px; font-size:14px; padding:15px 10px;}
/*footer*/
.footer{ height:450px; background:#00315c; width:100%;margin-top:-30px;}
.footer .w1000{width: 1200px;}
.wxcode{ width:200px; float:left;} 
.wxcode img{ margin-top:45px;}
.footmenu{ width:800px; float:left; font-size:14px;}
.footmenu ul{ width:160px; float:left; padding-top:45px;}
.footmenu ul li{ color:#fff; line-height:36px;}
.footmenu ul li a{ color:#7d9db2;}
.footmenu ul li a:hover{color:#ffffff;}
.copyright{ width:345px; float:right; padding-top:45px; color:#fff;}
.copyright .fblue{color:#fff;font-size: 18px;}
.copyright .flarge{ font-size:36px; padding:10px 0; color:#ffffff;}
.copyright .fbig{ font-size:18px;}
.copyright a{ color:#7d9db2;}
.copyright a:hover{color:#ffffff;}
.copyright p{ line-height: 36px; color:#7d9db2; font-size:14px;}
/*2016-7-16*/
.iconlist{ overflow:hidden; padding-top:115px;}
.iconlist li{ width:30%; float:left; text-align:center; margin-bottom:20px;}
.wbox li{ width:136px; float:left; height:50px; background:#e7f0f7; margin-right:30px; margin-bottom:20px; text-align:center; line-height:50px;}
.wbox li.wblue{ background:#0da9f2;color:#fff;}
.wbox li.wgreen{ background:#42c834; color:#fff;}
.wbox li.worange{ background:#ff6f4d; color:#fff;}
.pdmiddle a,.pdmiddle .fs18 span{ padding-left:10px;}
/*共营头尾*/
.header_yg{ height:78px;}
.header_yg .left img{ margin-top:18px;}
.nav_gy li{ float:left; font-size:16px; height:78px;}
.nav_gy li a{ display:block; padding:0 20px; height:40px; margin-top:19px; line-height:40px;}
.foot_gy{ background:#2d2e2e;}
.banklist{ padding-bottom:20px; width:100%; overflow:hidden;}
.banklist li{ width:33%; float:left; text-align:center; margin-bottom:30px;}

.group_title{ height:50px; line-height:50px; margin-top:15px; font-size:20px; color:#000;}
.cgroup{ font-size:14px;}
.cgroup dl{ height:330px; border-bottom:1px #d8d8d8 dotted; padding-bottom:20px;}
.cgroup dt{ width:363px; float:left; text-align:center; line-height:26px;}
.cgroup dt img{ width:363px; height:294px;}
.cgroup dd{ width:837px; float:left;}
.cgroup dd li{ float:left; width:191px; margin-left:18px; text-align:center; height:165px; overflow:hidden;}
.cgroup dd li p{ height:39px; line-height:35px; overflow:hidden;}
.cgroup dd li img{ width:191px; height:126px;}

/* 新页面样式  */
.content_one{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    height: 30vh;
}
.content_one_left{
    background: url("http://www.haoqee.com/Public/Index/images/szgleq.jpg");
    background-size: 100% 100%;
    color: white;
    position: relative;
    width: 49%;
    border-radius: 14px;
}
.content_one_right{
    background: url("http://www.haoqee.com/Public/Index/images/szzwgq.jpg");
    background-size: 100% 100%;
    color: white;
    position: relative;
    width: 49%;
    border-radius: 14px;
}
.content_two{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 30vh;
    margin-top: 2vh;
    border-radius: 14px;
}
.content_two_left{
    background: url("http://www.haoqee.com/Public/Index/images/ydbgmq.jpg");
    background-size: 100% 100%;
    color: white;
    position: relative;
    width: 32.5%;
    border-radius: 14px;
}
.content_two_mean{
    background: url("http://www.haoqee.com/Public/Index/images/hhxsmq.jpg");
    background-size: 100% 100%;
    color: white;
    position: relative;
    width: 32.5%;
    margin-left: 1%;
    border-radius: 14px;
}
.content_two_right{
    background: url("http://www.haoqee.com/Public/Index/images/znyyiq.jpg");
    background-size: 100% 100%;
    color: white;
    position: relative;
    width: 33%;
    margin-left: 1%;
    border-radius: 14px;
}
.content_title{
    font-size: 26px;
    text-align: left;
}
.content_text{
    margin-top: 2vh;
    width: 18vw;
    text-align: left;
}
.posit{
    position: absolute;
    top: 15vh;
    left: 2vw;
}

.content_five{
    background: url("http://www.haoqee.com/Public/Index/images/gxqyst.jpg");
    background-size: 100% 100%;
    padding-top: 7vh;
}
.five_one{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    margin: 10vh 0;
}
.five_top{
    color: #4c4c4c!important;
    font-weight: 600;
    font-size: 40px!important;
    border: none;
}
.five_bottom{
    font-size: 12px!important;
}
.contact{
    background: url("http://www.haoqee.com/Public/Index/images/lxwm.jpg") !important;
    background-size: 100% 100% !important;
    height: 35vh !important;
    padding-top: 17vh !important;
}
.formInput{
    width: 35vh;
    height: 3vh;
    background-color: transparent;
    border: white solid 1px;
    border-radius: 6px;
}
.formButton{
    width: 8vh;
    height: 3vh;
    color: #0635DD;
}

.slideGroup .parHd {
   margin-bottom: 0 !important;
}
.slideGroup .parHd ul li {
    margin: 0 3.4vw !important;
}
.slideGroup .parBd {
    width: 100% !important;
    margin: 0 !important;
    height: auto !important;
    padding-top: 2vh;
}
.slideGroup .parBd ul li {
    width: 100% !important;
}

.plan{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.plan .planDiv{
    width: 23%;
    margin:2vh 1%;
    background-color: white;
    border-radius: 15px;
    padding-top: 2vh;
}
.plan .planDiv .planTitle{
    margin-bottom: 2vh;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-left: 2vh;
}
.plan .planDiv .planTitle .planImg{
    width: 3vh;
    height: 3vh;
}
.plan .planDiv .planContent{
    margin: 2vh;
    line-height: 20px !important;
text-align:left;
}
.marginLeft{
    margin-left: 1vh;
    font-size: 18px;
    font-weight: 600;
}