* { margin: 0; padding: 0; }
.cl { clear: both; }
a { text-decoration: none; color: #ffffff; }
ul { list-style: none; }
li { list-style-type: none; }
html { font-family: "Microsoft YaHei" }
body { margin: 0; padding: 0; font-size: 12px; color: #333333; line-height: 24px; color: #434343; }
img { border: none 0; }
co { margin: 0; padding: 0; font-size: 12px; font-weight: normal; }
.w { width: 1200px; display: block; margin: 0 auto; min-width: 1200px; }
.w13 { width: 1300px; display: block; margin: 0 auto; min-width: 1300px; }
.w14 { width: 1400px; display: block; margin: 0 auto; min-width: 1400px; }
.fl { float: left; }
.fr { float: right; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mb10 { margin-bottom: 10px }
.mb20 { margin-bottom: 20px }
.mb30 { margin-bottom: 30px }
.mb40 { margin-bottom: 40px }
.mb50 { margin-bottom: 50px }
.pt20 { padding-top: 20px }
.pr { position: relative; }
.pa { position: absolute }
/*  */
p::selection{background:#000;color:#f00;}
/*  */
.pic { width: 100%; }
.pic img { margin: 0 auto; display: block; max-width: 100%; }
/*  */
.focusBox { position: relative; width: 100%; overflow: hidden; min-width: 1200px; height: 500px; }
.focusBox .pic { position: relative; z-index: 0; }
.focusBox .pic img { width: 100%; display: block; height: 500px; }
.focusBox .hd { width: 495px; position: absolute; bottom: 28px; text-align: center; font-size: 0; z-index: 1; left: 411px; }
.focusBox .hd li {float: left;line-height: 15px;text-align: center;font-size: 12px;width: 60px;height: 12px;cursor: pointer;overflow: hidden;background: #1b2d5f;margin-left: 21px;filter: alpha(opacity=80);opacity: .8;-webkit-transition: All .5s ease;-moz-transition: All .5s ease;-o-transition: All .5s ease;}
.focusBox .hd .on { background: #fff; filter: alpha(opacity=100); opacity: 1; }
.focusBox .prev, .focusBox .next { width: 45px; height: 73px; position: absolute; top: 211px; z-index: 3; filter: alpha(opacity=20); -moz-opacity: .2; opacity: .2; -webkit-transition: All .5s ease; -moz-transition: All .5s ease; -o-transition: All .5s ease; }
.focusBox .prev { background-image: url(../images/index.png); left: 10%; }
.focusBox .next { background-image: url(../images/index.png); background-position: -158px 0; right: 10%; }
.focusBox .prev:hover, .focusBox .next:hover { filter: alpha(opacity=60); -moz-opacity: .6; opacity: .6 }
/*  */
/*  */
header {/* background: url(../images/topbg.png); */ }
.logobg {background: white;height: 150px;background: url(../images/top.jpg) top center no-repeat;background-size: cover;min-width: 1200px;}
.logo1 { }
.logo1 img { }
/*  */
.navbg {line-height: 35px;background: url(../images/nav_bg.jpg);min-width: 1200px;}
.menu { height: 50px; line-height: 52px; font-size: 15px; }
.menu ul li { float: left; width: 150px; text-align: center; height: 52px; }
.menu ul li a {color: #ffffff;}
.menu ul li:hover { background: #333333; text-align: center; display: block; transition: all 0.8s ease; }
.menu ul li:hover a { color: #fff; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
/*  */
.menu ul li ul { display: none }
.menu li:hover ul { display: block; z-index: 999; }
.menu li ul { background: red; background: #e61c17b5; position: absolute; width: 150px; }
.menu li ul li { float: left }
/*  */
.pic { width: 100%; }
.pic img { display: block; margin: 0 auto; }
/*  */
.foot {height: 373px;background: #044683;overflow: hidden;}
.foot .toa {line-height: 138px;}
.foot .toa a { font-size: 18px; color: #ffffff; padding-right: 40px; margin-right: 40px; background: url("./../images/dbx.png") no-repeat right 6px; }
.foot .toa a:last-child { margin-right: 0; padding-right: 0; background: none; }
.foot .f-k h1 {float: left;width: 225px;height: 170px;border-right: 1px solid #303030;font-size: 14px;color: #ffffff;font-weight: normal;}
.foot .f-k h1 a { color: #a9a9a9; }
.foot .f-k h1 img { width: 144px; height: 80px; margin: 10px 0 20px 15px; }
.foot .f-k ul { float: left; width: 714px; }
.foot .f-k ul li {float: left;padding-left: 55px;margin-left: 36px;width: 228px;height: 90px;font-size: 16px;color: #ffffff;}
.foot .f-k ul li p { font-size: 16px; color: #ffffff; margin-bottom: 5px; }
.foot .f-k ul li:nth-child(1) { background: url("./../images/db_03.png") no-repeat left 2px; }
.foot .f-k ul li:nth-child(2) { background: url("./../images/db_05.png") no-repeat left 2px; }
.foot .f-k ul li:nth-child(3) { background: url("./../images/db_13.png") no-repeat left 2px; }
.foot .f-k ul li:nth-child(4) { background: url("./../images/db_14.png") no-repeat left 2px; }
.foot .f-k .f-w { float: right; width: 260px; }
.foot .f-k .f-w em {display: block;float: left;text-align: center;font-size: 16px;color: #ffffff;width: 126px;}
.foot .f-k .f-w em img { width: 120px; height: 120px; }
.foot .f-k .f-w em:first-child { margin-right: 7px; }
/*  */
					 /*main css*/
.main-im {position: fixed;left: 10px;top: 300px;z-index: 100;width: 110px;height: 272px;}
.main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative; }
.main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; }
.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; }
.main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(../images/qq-icon-bg.png) no-repeat center 8px; }
.main-im .img-qq { max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.main-im .im-qq:hover .img-qq { max-width: 70px; left: 1px; top: 8px; position: absolute; }
.main-im .im_main { background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB; display: none; }
.main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px; height: 60px; border-bottom: 1px solid #dddddd; }
.main-im .im_main .im-tel div { font-weight: 200; font-size: 13px; margin-top: 4px; }
.main-im .im_main .im-tel .tel-num { font-weight: bold; color: #e66d15; }
.main-im .im_main .im-tel:hover { background: #fafafa; }
.main-im .im_main .weixing-container {width: 55px;height: 47px;border-right: 1px solid #dddddd;background: #f5f5f5;border-bottom-left-radius: 10px;background: url(../images/weixing-icon.png) no-repeat center center;float: left;}
.main-im .im_main .weixing-show {width: 112px;height: 172px;background: #ffffff;border-radius: 10px;border: 1px solid #dddddd;position: absolute;right: -125px;top: -126px;}
.main-im .im_main .weixing-show .weixing-sanjiao { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 112px; top: 134px; position: absolute; z-index: 2; }
.main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 132px; position: absolute; }
.main-im .im_main .weixing-show .weixing-ma { width: 104px; height: 103px; padding-left: 5px; padding-top: 5px; }
.main-im .im_main .weixing-show .weixing-txt { position: absolute; top: 110px; left: 7px; width: 100px; margin: 0 auto; text-align: center; }
.main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(../images/toTop-icon.png) no-repeat center center; float: right; }
.main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }
.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(../images/close_im.png) no-repeat left top; }
.main-im .close-im a:hover { text-decoration: none; }
.main-im .open-im {cursor: pointer;/* margin-left: 68px; */width: 40px;height: 133px;background: url(../images/open_im.png) no-repeat left top;}
