@charset "utf-8";

/*reset*/



/* CSS reset for c_b */

body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;}



table {border-collapse:collapse; border-spacing:0;}

table th , table td {padding:5px;}

fieldset , img {border:0;}

address , caption , cite , code , dfn , em  , th , var {font-style:normal; font-weight:normal;}

ol , ul {list-style:none;}

ception , th{text-align:left;}

q:before , q:after{content:'';}

abbr , acronym{border:0;}

a {color:#666; text-decoration:none;}  /*for ie f6n.net*/

a:focus{outline:none;} /*for ff f6n.net*/

a:hover {text-decoration:underline;}



/*定位*/

.tl {text-align:left;}

.tc {text-align:center;}

.tr {text-align:right;}

.bc {margin-left:auto; margin-right:auto;}

.fl {float:left;}

.fr {float:right;}

.zoom {zoom:1}

.hidden {visibility:hidden;}

.vam {vertical-align:middle;}

.clear{clear:both; height:0; line-height:0; font-size:0;}

p{ word-spacing:-1.5px;}

li{list-style:none;}



/*其他*/

.cur{cursor:pointer;}



/*原reset*/

sup{vertical-align:baseline;}

sub{vertical-align:baseline;} 

input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}

input,button,textarea,select{*font-size:100%;}

input,select{vertical-align:middle;}

body{font:12px/1.231 arial,helvetica,clean,sans-serif;}

select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}

table{font-size:inherit;width:100%; border-collapse:collapse;}

pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*title*/

h1 { font-size:32px;font-weight: normal;}

h2 { font-size:26px;font-weight: normal;}

h3 { font-size:20px;font-weight: normal;}

h4 { font-size:14px;font-weight: normal;}

h5 { font-size:12px;font-weight: normal;}

h6 { font-size:10px;font-weight: normal;}

a:hover{text-decoration: none;}



/*清除浮动*/

.clearfix:after{ 

    content: '';

    display: block;

    clear: both;

    height: 0;

    visibility: hidden;

}

.clearfix{ /*兼容 IE*/

    zoom: 1;

}



/*end reset*/



/* CSS Document */

body{background-color:#fff; overflow-x:hidden; color:#666; font-size:12px; font-family: "微软雅黑"; position:relative;min-width:1200px;width:100%;}/*网站字体颜色*/

.container{margin-left:auto; margin-right:auto; width:1200px;}



@font-face{

    font-family: 'QUEEN';

    src : url('../../font/DIN Medium_0.ttf');

}

@font-face{

    font-family: 'Medium';

    src : url('../../font/Helvetica CE Bold.ttf');

}



/*页眉*/

.header{width:100%; overflow:hidden; background-color:#fff;}



/* Header 

.Header{height: 100px;width: 94%;margin-left: 4%;}



.Header a.HeaderLogo{width: 240px;height: 100px;display: block;position: relative;}

.Header a.HeaderLogo img{width: 100%;display: block;}

.Header a.HeaderLogo h3{font-size: 14px;color: #fff;width: 240px;height: 50px;line-height: 50px;text-align: center;background-color: #333;position: absolute;bottom: -50px;left: 0;z-index: 9;}



.Header .HeaderNav{margin-right: 50px;}

.Header .HeaderNav ul>li{float: left;height: 100px;line-height: 100px;margin-left: 45px;position: relative;}

.Header .HeaderNav ul>li:first-child{margin-left: 0;}

.Header .HeaderNav ul>li>a{height: 100px;font-size: 14px;color: #666;padding-bottom: 10px;}

.Header .HeaderNav ul>li.cur>a{color: #063a75;border-bottom: 2px #063a75 solid;}

.Header .HeaderNav ul>li:hover>a{color: #063a75;border-bottom: 2px #063a75 solid;}



.Header .HeaderNav ul li i{display: block;background: url(../images/sjx03.png) no-repeat center;width: 10px;height: 5px;position: absolute;left: 25px;bottom: -5px;z-index: 99;display: none;}

.Header .HeaderNav ul li:hover a i{display: block;}



.wrap-header ul {margin-right: 30px;}

.wrap-header ul li {float: left;width: 38px;height: 100px;position: relative;z-index: 99;}


.wrap-header ul li a {display: block;height: 100px;}

.wrap-header ul li.li1 a {background: url(../images/weibo.png) no-repeat center;}

.wrap-header ul li.li2 a {background: url(../images/weixin.png) no-repeat center;}

.wrap-header ul li.li3:hover p {width: 150px;left: -150px;}

.wrap-header ul li.li4 a {background: url(../images/sousuo.png) no-repeat center;}

.wrap-header ul li.li4 .search {position: absolute;width: 0;height: 30px;left: 0;top: 33px;overflow: hidden;transition: all 0.5s;}

.wrap-header ul li.li4 input {display: block;width: 260px;height: 30px;line-height: 30px;border: none;text-indent: 15px;font-size: 13px;color: #999;background: #f6f3f3;}

.wrap-header ul li span {display: none;position: absolute;left: -34px;top: 65px;width: 100px;height: 100px;padding: 2px;border: 1px solid #f1f1f1;background: #fff;}

.wrap-header ul li span img{width:100px;height:100px;}

.wrap-header ul li:hover span {display: block;}

.wrap-header ul li.li4:hover .search {width: 260px;left: -260px;}

.wrap-header ul li i{width: 1px;height: 14px;background-color: #c8c8c8;display: block;margin-top: 42px;}



.SiteCon{margin-top: 28px;position: relative;}

.SiteCon h3{background: url(../images/zhandianBg.png) no-repeat center;width: 130px;height: 45px;font-size: 14px;color: #333;text-align: center;line-height: 45px;}

.SiteCon h3 span{background: url(../images/zhandian.png) no-repeat right;padding-right: 30px;}

.SiteCon:hover h3{background: url(../images/zhandianBg02.png) no-repeat center;color: #fff;}

.SiteCon:hover h3 span{background: url(../images/zhandian02.png) no-repeat right;}



.SiteCon ul{border: 1px #d8d8d8 solid;position: absolute;left: 0;z-index: 9999;width: 100%;top: 59px;display: none;}

.SiteCon ul i{display: block;width: 130px;height: 15px;position: absolute;top: -16px;left: 0;background: url(../images/sjx.png) no-repeat bottom;}

.SiteCon ul i img{display: block;width: 100%;}

.SiteCon ul li{height: 39px;line-height: 39px;text-align: center;background-color: #eaeaea;border-top: 1px #d8d8d8 solid;}

.SiteCon ul li.li01{border-top: none;}

.SiteCon ul li a{color: #999;background: url(../images/SiteCon01.png) no-repeat right;padding-right: 35px;}

.SiteCon ul li:hover a{color: #063a75;}

.SiteCon ul li:hover{background-color: #fff;}

.SiteCon ul li:hover a{background: url(../images/SiteCon02.png) no-repeat right;}

.SiteCon:hover ul{display: block;}*/

/* Header End */



/* Header */

.Header{position:relative;padding:0 1%;height: 100px;}



.Header a.HeaderLogo{width: 200px;height: 200px;display: block;position: absolute;bottom: -80px;left: 0;z-index: 9;}

.Header a.HeaderLogo img{width: 100%;display: block;}





.Header .HeaderNav{margin-right: 50px;}

.Header .HeaderNav ul>li{float: left;height: 100px;line-height: 100px;margin-left: 45px;}

.Header .HeaderNav ul>li:first-child{margin-left: 0;}

.Header .HeaderNav ul>li>a{height: 100px;font-size: 18px;color: #666;padding-bottom: 10px;}

.Header .HeaderNav ul>li.cur>a{color: #063a75;border-bottom: 2px #063a75 solid;}

.Header .HeaderNav ul>li:hover>a{color: #063a75;border-bottom: 2px #063a75 solid;}



.Header .HeaderNav ul li i{display: block;background: url(../images/sjx03.png) no-repeat center;width: 10px;height: 5px;position: absolute;left: 25px;bottom: -5px;z-index: 99;display: none;}

.Header .HeaderNav ul li:hover a i{display: block;}



/* 小屏幕 Start */

@media (max-width:1200px)  {

    .Header .HeaderNav ul>li{float: left;height: 100px;line-height: 100px;margin-left: 10px;position: relative;}

}

@media (min-width:1200px) and (max-width:1400px)  {

    .Header .HeaderNav ul>li{float: left;height: 100px;line-height: 100px;margin-left: 18px;/*position: relative;*/}

}

/* 小屏幕 End */



.wrap-header ul {margin-right: 30px;}

.wrap-header ul li {float: left;width: 38px;height: 100px;position: relative;z-index: 99;}

.wrap-header ul li a {display: block;height: 100px;}

.wrap-header ul li.li1 a {background: url(../images/weibo.png) no-repeat center;}

.wrap-header ul li.li2 a {background: url(../images/weixin.png) no-repeat center;}

.wrap-header ul li.li3:hover p {width: 150px;left: -150px;}

.wrap-header ul li.li4 a {background: url(../images/sousuo.png) no-repeat center;}

.wrap-header ul li.li4 .search {position: absolute;width: 0;height: 30px;left: 0;top: 33px;overflow: hidden;transition: all 0.5s;}

.wrap-header ul li.li4 input {display: block;width: 260px;height: 30px;line-height: 30px;border: none;text-indent: 15px;font-size: 13px;color: #999;background: #f6f3f3;}

.wrap-header ul li span {display: none;position: absolute;left: -34px;top: 65px;width: 100px;height: 100px;padding: 2px;border: 1px solid #f1f1f1;background: #fff;}

.wrap-header ul li span img{width:100px; height:100px;}

.wrap-header ul li:hover span {display: block;}

.wrap-header ul li.li4:hover .search {width: 260px;left: -260px;}

.wrap-header ul li i{width: 1px;height: 14px;background-color: #c8c8c8;display: block;margin-top: 42px;}



.wrap-header ul li.li4 p{width: 260px;height: 30px;line-height: 30px;background-color: #f6f3f3;text-indent: 20px;font-size: 13px;}

.wrap-header ul li.li08 a{background: url(../images/dianhua.png) no-repeat center;}



.SiteCon{margin-top: 28px;position: relative;}

.SiteCon h3{background: url(../images/zhandianBg.png) no-repeat center;width: 130px;height: 45px;font-size: 14px;color: #333;text-align: center;line-height: 45px;}

.SiteCon h3 span{background: url(../images/zhandian.png) no-repeat right;padding-right: 30px;}

.SiteCon:hover h3{background: url(../images/zhandianBg02.png) no-repeat center;color: #fff;}

.SiteCon:hover h3 span{background: url(../images/zhandian02.png) no-repeat right;}



.SiteCon ul{border: 1px #d8d8d8 solid;position: absolute;left: 0;z-index: 9999;width: 100%;top: 59px;display: none;}

.SiteCon ul i{display: block;width: 130px;height: 15px;position: absolute;top: -16px;left: 0;background: url(../images/sjx.png) no-repeat bottom;}

.SiteCon ul i img{display: block;width: 100%;}

.SiteCon ul li{height: 39px;line-height: 39px;text-align: center;background-color: #eaeaea;border-top: 1px #d8d8d8 solid;}

.SiteCon ul li.li01{border-top: none;}

.SiteCon ul li a{color: #999;background: url(../images/SiteCon01.png) no-repeat right;padding-right: 35px;}

.SiteCon ul li:hover a{color: #063a75;}

.SiteCon ul li:hover{background-color: #fff;}

.SiteCon ul li:hover a{background: url(../images/SiteCon02.png) no-repeat right;}

.SiteCon:hover ul{display: block;}

/* Header End */







/* 导航下拉 

.DropDown{background-color: #eaeaea;width: 4000px;position: absolute;top: 100px;left: 50%;z-index: 9;margin-left: -2000px;display: none;}

.DropDown .container{border-left: 1px #d5d5d5 solid;padding: 100px 0 110px;}



.DropDown .DropDownCon>h3{line-height: 30px;border-left: 1px #063a75 solid;padding-left: 30px;}

.DropDown .DropDownCon>h3>a{font-size: 24px;color: #063a75;}

.DropDown .DropDownCon>h3>em{display: block;color: #ccc;font-size: 16px;}



.DropDown .DropDownBox dl{width: 200px;float: left;margin-left: 60px;}

.DropDown .DropDownBox dl:first-child{margin-left: 0;}

.DropDown .DropDownBox dl dt a{display: block;}

.DropDown .DropDownBox dl dt a span{display: block;width: 200px;height: 140px;overflow: hidden;}

.DropDown .DropDownBox dl dt a span img{display: block;width: 100%;transition: .8s;}

.DropDown .DropDownBox dl dt:hover span img{transform: scale(1.1);}

.DropDown .DropDownBox dl dt:hover a h4{color: #063a75;}

.DropDown .DropDownBox dl dt:hover a h4 i{background: url(../images/SiteCon02.png) no-repeat right;}

.DropDown .DropDownBox dl dt a h4 i{background: url(../images/SiteCon01.png) no-repeat right;width: 6px;height: 10px;display: inline-block;padding-left: 15px;}

.DropDown .DropDownBox dl dt a h4{font-size: 16px;color: #666;line-height: 50px;}



.DropDown .DropDownBox dl dd a{display: block;border-bottom: 1px #d5d5d5 solid;border-top: 1px #d5d5d5 solid;height: 40px;line-height: 40px;margin-top: 30px;font-size: 16px;color: #666;background: url(../images/SiteCon01.png) no-repeat right;}

.DropDown .DropDownBox dl dd a:hover{background: url(../images/SiteCon02.png) no-repeat right;border-top: 1px #063a75 solid;border-bottom: 1px #063a75 solid;color: #063a75;}

.Header .HeaderNav ul>li:hover .DropDown{display: block;}*/

/* 导航下拉 End */



/* 导航下拉 */

.DropDown{background-color: #eaeaea;width: 100%;position: absolute;top: 100px;left:0;z-index:9999;display: none;}

.DropDown .container{border-left: 1px #d5d5d5 solid;padding: 100px 0 110px;}



.DropDownBox{width: 980px;}

.DropDown .DropDownCon>h3{line-height: 30px;border-left: 1px #063a75 solid;padding-left: 30px;}

.DropDown .DropDownCon>h3>a{font-size: 24px;color: #063a75;}

.DropDown .DropDownCon>h3>em{display: block;color: #ccc;font-size: 16px;}



.DropDown .DropDownBox dl{width: 200px;float: left;margin-left: 60px;}

.DropDown .DropDownBox dl:nth-child(4n+1){margin-left: 0;}

.DropDown .DropDownBox dl dt a{display: block;}

.DropDown .DropDownBox dl dt a span{display: block;width: 200px;height: 140px;overflow: hidden;}

.DropDown .DropDownBox dl dt a span img{display: block;width: 100%;transition: .8s;}

.DropDown .DropDownBox dl dt:hover span img{transform: scale(1.1);}

.DropDown .DropDownBox dl dt:hover a h4{color: #063a75;}

.DropDown .DropDownBox dl dt:hover a h4 i{background: url(../images/SiteCon02.png) no-repeat right;}

.DropDown .DropDownBox dl dt a h4 i{background: url(../images/SiteCon01.png) no-repeat right;width: 6px;height: 10px;display: inline-block;padding-left: 15px;}

.DropDown .DropDownBox dl dt a h4{font-size: 16px;color: #666;line-height: 50px;}

.DropDown .DropDownBox-Top{margin-bottom:30px;}

.DropDown .DropDownBox dl dd a{display: block;border-bottom: 1px #d5d5d5 solid;border-top: 1px #d5d5d5 solid;height: 40px;line-height: 40px;margin-bottom: 30px;font-size: 16px;color: #666;background: url(../images/SiteCon01.png) no-repeat right;}

.DropDown .DropDownBox dl dd a:hover{background: url(../images/SiteCon02.png) no-repeat right;border-top: 1px #063a75 solid;border-bottom: 1px #063a75 solid;color: #063a75;}

.Header .HeaderNav ul>li:hover .DropDown{display: block;}

.DropDown .DropDownBox dl dd a span{font-size:12px;}

/* 导航下拉 End */