@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; }
li { list-style: none; }
img, input { border: 0px; vertical-align: middle; outline: none; color: #FFF; }
p, h1, h2, h3, h4, h5, h6, img, ul, li, input, button, dd, dl, dt { margin: 0; padding: 0; list-style: none; border: none; font-weight: normal; font-style: normal; }
a, i, em, b, strong { text-decoration: none; font-style: normal; font-weight: normal; }
hr{margin-top: 20px;margin-bottom:20px; border: 0.8px solid #ededed}
.clear { clear: both; display: none; }
.clearfix:after { content: "."; height: 0px; display: block; clear: both; visibility: hidden; }
.clearfix:after { zoom: 1; }
.fl { float: left; }
.fr { float: right; }
.wid { width: 1200px; margin: 0 auto; }
textarea, input, button, select { outline: none; }
select { appearance: none; -moz-appearance: none; -webkit-appearance: none; }
input::-ms-clear {
display: none;
}
body, html { background: #ffffff; position: relative; z-index: 999999; min-width: 320px; font-family: "Microsoft YaHei","Arial"; font-size: 62.5%; }
input::-webkit-input-placeholder {
color:#a7a7a7;
}
input:-moz-placeholder {
color:#a7a7a7;
}
*:focus { outline: none!important; }

header { background: #223c78; }
header .header_con { height: 40px; line-height: 40px; font-size: 1.4rem; color: #ffffff; }
header .header_con .login { margin-left: 10px }
header .header_con .login a { color: #ffffff; }
header .header_con .login a:hover { color: #ff8315; }
header .header_con .login a.a_hover { color: #ff8315; }
header .header_con .phone {  margin-right: 10px; }
header .header_con .phone a{color:yellow; font-weight: bold}
header .header_con .phone a:hover{color:#ff8315;cursor: pointer}
header .header_con .phone b { display: inline-block; width: 14px; height: 18px; background: url(/images/phone.png) no-repeat center; vertical-align: middle; }
header .header_con .phone select { background: url(/images/sanjiao.png) no-repeat 75px, #223c78; border: none; color: #fff; width: 100px; margin-left: 35px;padding:0px 5px 0px 5px;}
header .header_con .search { height: 28px; line-height: 28px; margin-top: 6px; background: #fff; width: 230px; margin-left: 570px; border-radius: 2px; }
header .header_con .search input { text-indent: 10px; width: 190px; color: #999; font-size: 1.2rem; height: 20px; line-height: 20px; }
header .header_con .search a { width: 20px; height: 15px; display: inline-block; float: right; margin-right: 10px; }
header .header_con .search a img { width: 100%; }
.nav { width: 100%; height: 45px; }
.nav .nav_con { height: 45px; line-height: 45px; }
.nav .nav_con .logo { padding-top: 3px;width:140px; }
.nav .nav_con .navlist { font-size: 1.8rem; font-weight: bolder; }
.nav .nav_con .navlist ul { height: 40px; margin-top: 2px; }
.nav .nav_con .navlist ul>li {height: 40px; line-height: 40px; text-align: center; float: left; position: relative; }
.nav .nav_con .navlist ul>li>a { display: block; color: #000000;padding-left:10px;padding-right:10px}
.nav .nav_con .navlist ul>li>a.current { color: #fff; background: #254083; border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; }
.nav .nav_con .navlist ul>li:hover a {color: #fff; background: #254083; border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; }
.nav .nav_con .navlist ul>li .second { width: auto; font-size: 1.2rem; position: absolute; top: 40px; left: 0px; z-index: 1999; border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; display: none; }
.nav .nav_con .navlist ul>li .second ol { width: auto; min-width: 220px; background: #254083; border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; }
.nav .nav_con .navlist ul>li ol li { width: auto; min-width: 220px; }
.nav .nav_con .navlist ul>li ol li a { color: #fff; display: block; }
.nav .nav_con .navlist ul>li ol li a:hover { background: #1e90ff; }
.nav .nav_con .navlist ul>li .second b { display: block; width: 20px; height: 8px; background: url(/images/sanjiao2.png) no-repeat center; margin-left: 22px; position: relative; top: 0px; }
.footer { background: #f7f7f7; padding-top: 30px; }
.footer .footer_con .footlist { float: left; margin-right: 50px; }
.footer .footer_con .footlist h2 { font-size: 1.8rem; color: #848484; padding-bottom: 20px; }
.footer .footer_con .footlist h2 a { color: #848484; }
.footer .footer_con .footlist h2 a:hover { color: #254083; }
.footer .footer_con .footlist ul li { padding-bottom: 17px; color: #848484; font-size: 1.4rem; }
.footer .footer_con .footlist ul li a { color: #848484; }
.footer .footer_con .footlist ul li a:hover { color: #254083; }
.footer .weixin img { padding: 10px; background: #fff; cursor: pointer; }
.footer .weixin h2 { text-align: center; font-size: 1.4rem; color: #000; padding-top: 11px; }
.copy { background: #f7f7f7; height: 51px; border-top: 1px solid #eaeaea; font-size: 1.2rem; color: #b3b3b3; }
.copy b { display: inline-block; margin-right: 18px; }
.copy b a { color: #b3b3b3; }
.copy b a:hover { color: #254083; }
.copy .copy_left { margin-top: 17px; }
.copy .copy_right { margin-top: 14px; }
.copy .copy_right a { display: inline-block; width: 18px; height: 18px; margin-left: 18px; }
.copy .copy_right a.a1 { background: url(/images/f2.png) no-repeat center; }
.copy .copy_right a.a2 { background: url(/images/f3.png) no-repeat center; }
.copy .copy_right a.a3 { background: url(/images/f4.png) no-repeat center; }
.copy .copy_right a.a4 { background: url(/images/f5.png) no-repeat center; }

.hot{padding:0px 5px ;background:#ff4500;color:#fff;font-weight:bold;}
.discount{padding:0px 5px ;background:#008000;color:#fff;font-weight:bold;}

.se_left { right: 0px; }

.service { width: 185px; position: fixed; z-index: 99999; top: 320px; right: -150px; }
.service .service_left { width: 35px; padding-bottom: 10px; text-align: center; background: #254083; color: #fff; font-size: 1.4rem; border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; -ms-border-radius: 3px 0px 0px 3px; -o-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; cursor: pointer; }
.service .service_left b { display: block; width: 9px; height: 10px; background: url(/images/s1.png) no-repeat center; margin: 10px auto; }
.service .service_left b.s_c { background: url(/images/s3.png) no-repeat center; }
.service .service_right { background: #f2f2f2; width: 150px; padding: 10px 0px; }
.service .service_right p img { padding: 12px; }
.service .service_right p { width: 140px; height: 30px; text-indent: 8px; background: #4ab0eb; margin: 0 auto; line-height: 30px; font-size: 1.4rem; color: #fff; border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; cursor: pointer; margin-bottom: 10px; position: relative; }
.service .service_right p b { display: inline-block; width: 19px; height: 20px; margin-right: 13px; background: url(/images/s2.png) no-repeat center; position: absolute; top: 5px; left: 13px; }
.service .service_right h4 { margin: 0px 20px 0px 10px; padding-top: 0px; font-size: 1.4rem; color: #010101; }
.service .service_right h5 { font-size: 1.8rem; color: #010101; margin: 0px 0px 10px 10px; padding-bottom: 5px; font-weight: bolder; border-bottom: 1px solid #d9d9d9; }
.service .service_right h6 { margin: 0px 0px 0px 10px; padding-bottom: 5px; font-size: 1.2rem; color: #010101; }
.service .service_right h6 span { font-weight: bolder; }
.service .service_right h6 img { margin-left: 8px }
.footnav { background: #7f7f7f; width: 100%; height: 70px; display: none; position: fixed; bottom: 0px; left: 0px; }
.footnav ul { width: 95%; margin: 0 auto;}
.footnav ul li { float: left; width: 20%; text-align: center; }
.footnav ul li b { display: block; width: 36px; height: 36px; margin: 0 auto; margin-top: 5px; margin-bottom: 3px; }
.footnav ul li b.b_bg1 { background: url(/images/e1.png) no-repeat center; }
.footnav ul li b.b_bg2 { background: url(/images/e2.png) no-repeat center; }
.footnav ul li b.b_bg3 { background: url(/images/e3.png) no-repeat center; }
.footnav ul li b.b_bg4 { background: url(/images/e4.png) no-repeat center; }
.footnav ul li b.b_bg6 { background: url(/images/e6.png) no-repeat center; }
.footnav ul li b.b_bg5 { display: inline-block; float: left; }
.footnav ul li:nth-child(3) { width: 40%; margin-top: 1px; }
.footnav ul li a span {  display: block; float: left; padding-top: 10px; padding-left: 5px; font-size: 2.5rem; }
.footnav ul li a span img{ float: left;padding-right: 3px; }
.footnav ul li a { font-size: 1.8rem; color: #ffffff; font-family: "Arial";}
/*phone-index------------------------------*/
.p_nav { width: 100%; margin: 0 auto; height: 100px; line-height: 100px; color: #fff; background: #254083; display: none;}
.p_nav .p_navright { width: 37%; }
.p_nav .p_navright select { width: 90px; border: #fff; background:url(/images/item/x1.png) no-repeat right center; color:#fff; font-size: 1.8rem; margin-top: 40px; }
.p_nav .p_navright b { display: inline-block; width: 27px; height: 30px; background: url(/images/item/p1.png) no-repeat center; margin-left: 50px; margin-right: 30px; margin-top: 10px; }
.p_nav .p_navright span { display: block; width: 37px; height: 25px; background:url(/images/item/p9.png) no-repeat center; margin-left: 50px; margin-right:25px; margin-top: 40px; }
.p_nav .p_navleft { width:38%; height: 100px; overflow: hidden; color: #fff; font-size: 2.4rem; }
.p_nav .p_navleft img.fan { display: inline; padding-top: 38px; margin-left: 25px; padding-right: 20px; }
.p_nav select option { background: #254083;}


.p_navlist { width: 50%; height: 1180px; background: #303030; position: absolute; z-index: 9999999999; top: 0px; right: 0px; color: #fff; font-size: 2.4rem; display: none; }
.p_navlist h2 { font-size: 3rem; height: 100px; line-height: 100px; padding: 0px 30px; border-bottom: 1px solid rgba(255,255,255,0.5) }
.p_navlist h2 a { color: #31aae2; }
.p_navlist h2 span { float: right; }
.p_navlist ul li { height: 100px; line-height: 100px; padding: 0px 30px; border-bottom: 1px solid rgba(255,255,255,0.5); background: url(/images/li.png) no-repeat 90% center; }
.p_navlist ul li a { color: rgba(255,255,255,0.8); }



.p_close { position: fixed; top: 40%; z-index: 99999999999999; right: 0px; width: 80px; height: 150px; background: #7f7f7f; border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; -ms-border-radius: 4px 0px 0px 4px; -webkit-border-radius: 4px 0px 0px 4px; -o-border-radius: 4px 0px 0px 4px; display: none; }
.p_close a { display: block; text-align: center; cursor: pointer; }
.p_close .icon_a { border-bottom: 1px solid #999999; }
.p_close .icon_a b { display: block; width: 30px; height: 75px; margin: auto; background: url(/images/weixin.png) no-repeat center; }
.p_close .icon_a2 b { display: block; width: 30px; height: 75px; margin: auto; background: url(/images/p4.png) no-repeat center; }
.p_service { width: 93%; height: 390px; margin: 0 auto; position: fixed; top: 30%; left: 50%; margin-left: -46.5%; z-index: 9999999; background: #fff; border-radius: 4px; display: none; }
.p_service h2 { font-size: 2.4rem; height: 80px; line-height: 80px; border-bottom: 1px solid #e5e5e5; color: #000; padding: 0px 22px; margin-bottom: 50px; }
.p_service h2 b { display: inline-block; float: right; width: 28px; height: 27px; background: url(/images/p7.png) no-repeat center; margin-top: 26px; cursor: pointer; }
/*.p_service p{ width:300px; height:80px; line-height:80px; font-size:3rem; color:#fff; background:#4ab0eb; border-radius:3px; text-indent:120px; position:relative; margin:0 auto; margin-bottom:30px;}
.p_service p b{ display:inline-block; width:43px; height:48px; background:url(/images/p8.png) no-repeat center; position:absolute; top:16px; left:50px;}



.p_service h4{ font-size:2.4rem; padding-left:30px;color:#000; margin-bottom:30px;}
.p_service h5{ font-size:2.4rem;padding-left:30px;color:#000;}*/
.p_service a { text-align: center; width: 200px; height: 200px; display: block; margin: 0 auto; }
.p_service a img { width: 100%; }

.p_partner { background: #f7f7f7; width: 100%; display: none; margin-bottom: 0 auto; position: relative;padding-top: 50px; padding-bottom: 150px; text-align:center;}
.p_partner h2{font-size:2.4rem; padding-left:30px;color:#000; margin-bottom:30px;}
.p_partner ul { width: 100%; margin: 0 auto; }
.p_partner ul li { margin: 30px }

#banner.flexslider { position: relative; width: 100%; height: 360px; overflow: hidden; zoom: 1; }
#banner .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
#banner.flexslider .slides { zoom: 1; height: 360px; }
#banner.flexslider .slides li .img { width: 100%; height: 360px; display: block; }
#banner .flex-direction-nav a { width: 60px; height: 90px; line-height: 99em; overflow: hidden; margin: -60px 0 0; display: block; position: absolute; top: 50%; z-index: 10; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease; }
#banner .flex-control-nav { width: 100%; position: absolute; bottom: 10px; text-align: center; }
#banner .flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display:inline;}
#banner .flex-control-paging li a { background: url(/images/b2.png) no-repeat center; display: block; height: 24px; overflow: hidden; text-indent: -99em; width: 24px; cursor: pointer; }
#banner .flex-control-paging li a.flex-active { background: url(/images/b1.png) no-repeat center; }
#banner.flexslider .slides li { position: relative; }
#banner.flexslider .slides li .img h2 { font-weight:bolder; position: absolute; z-index: 999; top: 120px; width: 100%; text-align: center; font-size: 3.6rem; color: yellow; }
#banner.flexslider .slides li .img h2 span { color: #fff; }


@media screen and (max-width:1200px) {
header .header_con { font-size: 2rem; }
    header .header_con .phone b { font-size: 2rem; }
    header .header_con .phone select {font-size: 2rem; }

.nav { display: none; }
#banner { display: block; }
.p_nav{ display:block;}
#banner .flexslider { height: 360px; }
#banner.flexslider .slides li .img h2 { font-size: 3rem; }
#banner .user { display: none; }
.banner .slides li h2 { width: 100%; margin: 0 auto; left: 0px; text-align: center; top: 166px; }
.service { display: none; }
.news .news_con { width: 93%; margin: 0 auto; font-size: 1.8rem; }
.content { padding-top: 5px; padding-bottom: 5px; }
.content .content_con { width: 100%; margin: 0 auto; }
.content .content_con ul { width: 100%; overflow: hidden; }
.content .content_con ul li { width: 25%; margin-bottom: 5px; }


.footer { display: none; }
.p_partner { display: block; }
.p_close { display: block; }
.footnav { display: block; }

.banner .flexslider .slides li .img img { width: 100%; height: 360px; }

}
@media screen and (max-width:640px) {
    header { font-size: 2.8rem;}
.p_nav .p_navleft { width: 39%; }
.p_nav .p_navleft img { padding-top: 1px; }
.p_nav .p_navright { width: 60%; }
.p_navlist h2 { font-size: 2.8rem; }
.p_navlist { font-size: 2.4rem; }
.banner { width: 100%; }
.banner .slides li h2 { font-size: 2.8rem; }
.news .news_con { font-size: 1.4rem; }

.news #box { font-size: 2rem; }
.content .content_con ul li b { font-size: 2rem; }

}