@charset "utf-8";
/* CSS Document */

/**common**/
*{ margin:0; padding:0;}
html, body { min-width:1360px;}
body, div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { margin:0; padding:0; font:14px/1 Arial,Helvetica,\5FAE\8F6F\96C5\9ED1,sans-serif;}
table,td,tr,th { border-collapse: collapse; border-spacing: 0; font-size:14px;}
ol,ul {list-style:none;}
li { list-style-type:none;}
img { vertical-align:middle; border:0;}
h1,h2,h3,h4,h5,h6 { font-size:inherit; font-weight:normal;}
.clear { clear:both; *zoom:1;}
.clear:after { display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
a {text-decoration:none;}
a:visited { text-decoration:none;}
a:hover { text-decoration:none;}
a:active { text-decoration:none;}

.fl { float:left;}
.fr { float:right;}
@font-face { font-family: "Helvetica"; src: url('../fonts/Helvetica.ttf'); }
@font-face { font-family: "HelveticaBold"; src: url("../fonts/HelveticaBold.ttf");}
@font-face { font-family: "PangMen"; src: url("../fonts/PangMen.ttf");}
@font-face { font-family: "YouSheBiaoTiHei"; src: url("../fonts/YouSheBiaoTiHei.ttf");}

/* 设置滚动条的样式 */
::-webkit-scrollbar { width:0;}/* 滚动槽宽度 */
::-webkit-scrollbar-track { background-color:#f0f0f0; border-radius:0px;}
::-webkit-scrollbar-thumb { background-color:#273a60;} /* 滚动条滑块默认状态 */
::-webkit-scrollbar-thumb:window-inactive { background-color:#273a60;} /* 滚动条滑块点击状态 */

.w1300 { width: 1300px; margin: 0 auto;}

/*头部 开始*/
.lyTop { width:100%; height:130px; margin:0; padding:0; background-color:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.1); position:relative; z-index:9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lyTop i.tpbgfl { display:block; width:50%; height:130px; overflow:hidden; margin:0 320px 0 0; padding:0; background: url(../images/tpbg01.png) top right no-repeat; position:absolute; right:50%; top:0;}

.lyTop .lyTopSearch { width:100%; height:50px; margin:0; padding:7px 0; background-color:#ededed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lyTopSearch .ScForm { width:1300px; overflow:hidden; margin:0 auto; padding:0 0 0 330px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ScForm p { height:36px; line-height:36px; color:#666; font-size:15px; margin:0; padding:0; float:left;}
.ScForm p a { color:#666; font-size:15px;}
.ScForm p a:hover { color:#da251c;}
.ScForm form { width:200px; height:36px; margin:0; padding:0 40px 0 0; background-color:#fff; border-radius:18px; float:right; position:relative;}
.ScForm form .sc_ipt { width:100%; height:36px; overflow:hidden; margin:0; padding:0;}
.ScForm form .sc_ipt input { display:block; width:100%; height:36px; overflow:hidden; line-height:36px; color:#555; font-size:15px; margin:0; padding:0 15px; background-color:#fff; border-radius:18px 0 0 18px; border:0; outline:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ScForm form .sc_btn { width:40px; height:36px; overflow:hidden; margin:0; padding:0;border-radius:18px; position:absolute; top:0; right:0;}
.ScForm form .sc_btn input { display:block; width:100%; height:36px; overflow:hidden; margin:0; padding:0; background:#da251c url(../images/SSbtn_icon1.png) center center no-repeat; background-size:36px 36px; border:0; outline:none; cursor:pointer; opacity:1;}
.ScForm form .sc_btn:hover input { background:#bf150d url(../images/SSbtn_icon1.png) center center no-repeat;}
.ScForm .lyTop_Tel { height:36px; line-height:36px; color:#555; font-size:17px; margin:0; padding:0 20px 0 0; float:right;}
.ScForm .lyTop_Tel img { display:block; width:36px; height:36px; margin:0 10px 0 0; padding:0; float:left;}

.lyTop .lyTop_Main { width:1300px; height:auto; margin:0 auto; padding:0; position:relative;}
.lyTop_Main .lyLogo { width:330px; height:90px; overflow:hidden; margin:-30px 0 0; padding:0; float:left;}
.lyLogo a { display: table-cell; vertical-align: middle; width:100%; height:90px; overflow:hidden; margin:0; padding:0;}
.lyLogo a img { display:inline-block; max-width:100%; height:auto; max-height:100%; margin:0; padding:0;}

.lytop_right .lytop_menu { width:40px; height:40px; margin:0; padding:0; float:left;}
.lytop_menu a { display:block; width:40px; height:40px; overflow:hidden; margin:0; padding:0; background:url(../images/menu_icon1.png) center center no-repeat;}
.lytop_menu a:hover { background:#273a60 url(../images/menu_icon2.png) center center no-repeat;}


/*导航栏 开始*/
.ly_nav { width:74%; height:auto; margin:0; padding:0; float:right;}
.ly_nav li, .ly_nav a {	text-decoration: none; list-style: none;}
.ly_nav ::-webkit-scrollbar { display: none;}
.ly_nav .nav_list { width:100%; margin:0 auto; -webkit-box-sizing: border-box; box-sizing: border-box;}
.ly_nav .nav_list > ul > li { display:inline-block; width:14.285%; position: relative; list-style: none; padding:0 10px; float:left; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ly_nav .nav_list > ul > li:last-child { background:none;}
.ly_nav .nav_list > ul > li:hover {}
.ly_nav .nav_list > ul > li > a { display: inline-block; width:100%; line-height: 60px; color: #555; font-size: 18px; text-align:center; padding: 10px 0; margin: 0; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ly_nav .nav_list > ul > li:hover, .ly_nav .nav_list > ul > li.active {}
.ly_nav .nav_list > ul > li:hover > a, .ly_nav .nav_list > ul > li.active > a { color: #273a60; font-weight:bold;}
.ly_nav .nav_list > ul > li > em { display:block; width:0px; height:3px; overflow:hidden; background-color:#273a60; margin:0; padding:0; position:absolute; bottom:0px; left:50%; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.ly_nav .nav_list > ul > li:hover > em, .ly_nav .nav_list > ul > li.active > em { width:74px; margin:0 0 0 -37px;}
.ly_nav .nav_list > ul > li:nth-child(1):hover > em, .ly_nav .nav_list > ul > li:nth-child(1).active > em { width:74px; margin:0 0 0 -37px;}
.ly_nav .nav_list > ul > li i { display:inline-block; width:20px; height:20px; background:url(../images/down.png) center center no-repeat; background-size:10px 10px; vertical-align:middle; cursor:pointer; margin:0; display:none;}
.ly_nav .nav_list > ul > li i.cur{ background:url(../images/up.png) center center no-repeat; background-size:10px 10px; text-decoration:none;}
.ly_nav .nav_list > ul > li ul { display:none; position:absolute; left:-17%; top:80px; z-index:9; width:134%; overflow:hidden; background-color:#fff; border-top:2px solid #273a60; box-shadow:0 4px 6px rgba(0, 0, 0, 0.1); border-radius:0 0 2px 2px;}
.ly_nav .nav_list > ul > li:hover ul { display:block;}
.ly_nav .nav_list > ul > li ul li { width:100%; overflow:hidden; margin:0 auto; padding:0; border-bottom:1px solid rgba(85, 87, 89, 0.1);}
.ly_nav .nav_list > ul > li ul li:last-child { border:0;}
.ly_nav .nav_list > ul > li ul li a { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#555; font-size:14px; text-align:center; white-space:nowrap; text-overflow: ellipsis; margin:0 auto; padding:0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ly_nav .nav_list > ul > li ul li a:hover { color:#273a60;}
.ly_nav .nav_menu { display: none;}

/*导航栏 结束*/
/*头部 结束*/

/*ly_Links 开始*/
.ly_Links { width:100%; overflow:hidden; margin:0 auto; padding:10px 0; background-color:#273a60; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ly_Links .lyLinks_Main { width:1300px; height:auto; min-height:40px; overflow:hidden; margin:0 auto; padding:0 0 0 167px; position:relative; z-index:1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lyLinks_Main .lyLinks_title { width:167px; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:16px; margin:0; padding:0; position: absolute; left:0; top:0;}
.lyLinks_title img { display:block; width:24px; height:24px; vertical-align:middle; margin:8px 8px 8px 0; padding:0; float:left;}
.lyLinks_Main .lyLinks_list { width:100%; overflow:hidden; line-height:40px; color:rgba(255,255,255,0.6); font-size:15px; margin:0; padding:0;}
.lyLinks_list a { display:inline-block; height:40px; line-height:40px; color:rgba(255,255,255,0.6); font-size:15px; margin:0 20px 0 0; padding:0;}
.lyLinks_list a:hover { color:rgba(255,255,255,1);}
/*ly_Links 结束*/

/*ly_Foot 开始*/
.ly_Foot { width:100%; height:auto; margin:0 auto; padding:60px 0 0; background-color:#333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ly_Foot1 { padding:40px 0 0;}
.ly_Foot .lyFoot_Main { width:1300px; overflow:hidden; margin:0 auto; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lyFoot_Main .lyFootMid { width:100%; overflow:hidden; margin:0 auto; padding:0;}
.lyFootMid .lyFootMenu { width:70%; height:auto; overflow:hidden; margin:0; padding:0; float:left;}
.lyFootMenu ul li { width:33.333333%; min-height:160px; overflow:hidden; margin:0; padding:0 40px 0 60px; float:left; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lyFoot_tit0 { width:40px; height:auto; margin:0; padding:0; position:absolute; left:0; top:0;}
.lyFoot_tit0 p { width:40px; height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:22px; font-weight:bold; text-align:center; background-color:#273a60; border-radius:50%; margin:0 auto; padding:0}
.lyFoot_tit0 i { display:block; width:1px; height:32px; overflow:hidden; margin:0 auto 10px; padding:0; background-color:#636363;}
.lyFoot_tit0 span { display:block; width:40px; overflow:hidden; line-height:40px; color:rgba(255,255,255,0.3); font-size:14px; writing-mode:vertical-rl;}
.lyFootMid .lyFootEwm { width:150px; height:auto; margin:0; padding:0 0 0 60px; float:right; position:relative;}
.lyFootEwm img { display:block; width:96px; height:96px; margin:0; padding:8px; border:1px solid #636363; border-radius:4px;}

.lyFoot_Top { width:74px; height:30px; overflow:hidden; line-height:30px; color:#fff; font-size:18px; font-weight:bold; text-align:center; margin:0 0 10px; padding:0 0 9px; border-bottom:1px solid #636363;}
.lyFoot_Nav { width:100%; height:auto; max-height:128px; overflow:hidden; line-height:32px; color:rgba(255,255,255,0.5); font-size:14px; margin:0 auto; padding:0;}
.lyFoot_Nav a { display:block; width:100%; height:32px; overflow:hidden; line-height:32px; color:rgba(255,255,255,0.5); font-size:14px; white-space:nowrap; text-overflow: ellipsis; margin:0 auto; padding:0;}
.lyFoot_Nav a:hover { color:rgba(255,255,255,1);}

.lyFootLxfs { width:100%; height:90px; overflow:hidden; margin:40px auto 0; padding:30px; background: url("../images/ftBg.png") center center no-repeat; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lyFootLxfs ul li { width:32%; overflow:hidden; margin:0 2% 0 0; padding:0 0 0 40px; position:relative; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lyFootLxfs ul li:nth-child(3) { margin:0;}
.lyFootLxfs ul li img { display:block; width:30px; height:30px; margin:-15px 0 0; padding:0; position:absolute; left:0; top:50%;}
.lyFootLxfs ul li p { width:100%; height:30px; overflow:hidden; line-height:30px; color:rgba(255,255,255,0.5); font-size:16px; white-space:nowrap; text-overflow: ellipsis; margin:0 auto; padding:0;}

.lyFoot_Main .lyFoot_Copy { width:100%; overflow:hidden; margin:0 auto; padding:20px 0;}
.lyFoot_Copy p { width:88%; height:45px; overflow:hidden; line-height:45px; color:#888; font-size:15px; margin:0; padding:0;}
.lyFoot_Copy p.fr { width:12%; text-align:right;}
.lyFoot_Copy p img { display:inline-block; width:20px; height:20px; overflow:hidden; vertical-align:middle; margin:-4px 5px 0 0; padding:0;}
.lyFoot_Copy p a { line-height:45px; color:#888; font-size:15px;}
.lyFoot_Copy p a:hover { color:#fff;}
/*ly_Foot 结束*/

/*右侧客服 开始*/
.kfView { width: 140px; position: fixed; top:50%; right: 0; z-index: 99; box-shadow:0 7px 15px rgba(0,0,0,0.1); border-radius: 2px 0 0 2px; margin:-212px 0 0; padding:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.kfView .kfTop { width:100%; overflow:hidden; margin:0 auto; padding: 15px 5px 11px; background-color: #273a60; border-radius:2px 0 0 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.kfView .kfTop i { display: block; width: 48px; height: 48px; margin: 0 auto; padding:0; background: url('../images/kfTel.png') center center no-repeat;}
.kfView .kfTop span { display: block; width:100%; overflow:hidden; line-height:20px; color: #fff; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size: 14px; text-align:center; white-space:nowrap; text-overflow:ellipsis; margin:4px auto 2px; padding:0;}
.kfView .kfTop p { width:100%; overflow:hidden; line-height:20px; color: #fff; font-family:"Arial"; font-size: 18px; text-align:center; white-space:nowrap; text-overflow:ellipsis; margin:0 auto; padding:0;}
.kfView .kfMain{ width: 100%; overflow:hidden; margin:0 auto; padding:15px 0 0; background-color: #fff; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.kfView .kfMain ul { padding:0 10px;}
.kfView .kfMain ul li { margin:0 auto 15px;}
.kfView .kfMain ul a { display: block; width: 100%; height:36px; overflow:hidden; line-height:26px; color:#fff; font-size:14px; margin:0 auto; padding:5px; background-color:#273a60; border-radius:18px 2px 2px 18px; cursor:pointer; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.kfView .kfMain ul a img { display:block; width:26px; height:26px; margin:0 4px 0 0; padding:0; float:left;}
.kfView .kfMain ul a em{ width: 12px;height: 12px;display: inline-block;vertical-align: middle; background: url('../images/kepu2.png') no-repeat center top;}
.kfView .kfMain .kfEwm { width:140px; height:auto; margin:0 auto; padding:5px 10px 10px; border-top:1px solid #efefef; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.kfView .kfMain .kfEwm img { display:block; width:110px; height:110px; overflow:hidden; margin:0 auto; padding:0;}
.kfView .kfMain .kfEwm p { width:100%; height:20px; overflow:hidden; line-height:20px; color:#333; font-size:14px; text-align:center; margin:0 auto; padding:0;}
.kfView .toTop { width:100%; height:36px; overflow:hidden; line-height:36px; color: #fff; font-size: 14px; text-align: center; padding: 0 10px; background-color: #333; border-radius:0 0 0 2px; cursor: pointer; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.kfView .toTop img { display:inline-block; width:14px; height:14px; vertical-align:middle; margin:-2px 6px 0 0; padding:0;}
.kfBtn { width: 30px; height: 120px; overflow:hidden; text-align: center; margin:-60px 0 0; position: absolute; left: -30px; top: 50%; z-index: 1; cursor: pointer; background-color:#273a60; border-radius:2px 0 0 2px;}
.kfBtn p { position: absolute; top: 16px; left: 8px; line-height: 18px; color: #fff; font-size:14px;}
.kfBtn p img { display:inline-block; margin:6px 0 0;}
/*右侧客服 结束*/

