html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
li { list-style: none;}
body {
    line-height:1;
}

:focus {
	outline: 1;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

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

a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}

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

hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}


header { height:133px; background:#fbfbfb;}
header .container{width: 1400px;margin: 0 auto;}
header .container .lt-logo { float: left; margin-top: 31px;}
header .container .lt-logo img { display: inline-block; }
header .container .lt-logo h1{ display: inline-block;position:relative; top: -30px; font-size: 24px;;}
header .container .rt-search { float: right;}
header .container .rt-search input { margin-top: 56px; border: none; border: 1px solid #999999;text-indent: 5px;}
header .container .rt-search i { position: relative; left: -28px; top: 30px; color: #666666;}

.swiper-p1 {position: absolute; top: -200px;color: #FFFFFF; width:767px;left:800px;line-height: 1.5;top: 300px;text-align: right;font-size: 16.8px;; }
.swiper-h1 {position: absolute; top: -200px;color: #FFFFFF; width:767px;left:800px;line-height: 1.5;top: 220px;text-align: right; font-size: 50px; }

.tab-nav {width: 1578px; margin:0 auto; margin-top:62px; border: 1px solid #e3e3e3; }

.tab-nav .lt-nav { width: 787px; float: left;}
.tab-nav .lt-nav ul { float: left; margin-top: 80px;;}
.tab-nav .lt-nav ul li {line-height:3; margin-left: 42px; }
.tab-nav .lt-nav ul li a {color: #333333;}
.tab-nav .lt-nav ul .active a { margin-left:5px;color: #005bac;}
.tab-nav .lt-nav ul li.active i{ position: relative;top:-5px;margin-left: -20px; width: 15px; height: 3px;background: #005bac; display: inline-block; }
.tab-nav .lt-nav .row { float: left; margin-left: 70px; width: 581px; height: 416px;}
.tab-nav .lt-nav .row img { font-size: 0;}
.tab-nav .lt-nav .row a { display: block; width: 100%;}
.tab-nav .lt-nav .row a h3 { height: 0; position: relative; top:150px; font-size:29px; color:#FFFFFF; text-align: center; z-index: 555;}
.tab-nav .lt-nav .row a .mask {transition: all 1s;  position: absolute;height: 416px;width: 581px; background:rgba(51,51,51,0.4); }
.tab-nav .lt-nav .row a .mask span { position: relative; top: 50%; height: 46px;width: 200px; margin:0 auto; line-height:46px; color:#fff;background: #005bac; display: block; text-align: center;}
/*.tab-nav .lt-nav .row:hover .mask { display: block;}*/

.tab-nav .rt-nav { width: 787px; float: right;}
.tab-nav .rt-nav ul { float: left; margin-top: 80px;;}
.tab-nav .rt-nav ul li {line-height:3; margin-left: 22px; text-align: right;}
.tab-nav .rt-nav ul li a {color: #333333;}

.tab-nav .rt-nav ul .active a { color: #005bac;margin-right: -15px;}
.tab-nav .rt-nav ul li.active i{ position: relative;top:-5px; width: 15px; right: -20px; height: 3px;background: #005bac; display: inline-block; }

.tab-nav .rt-nav .row { float: left; margin-left: 70px; width: 581px; height: 416px;}
.tab-nav .rt-nav .row img { font-size: 0;}
.tab-nav .rt-nav .row a { display: block; width: 100%;}
.tab-nav .rt-nav .row a h3 { height: 0; position: relative; top:150px; font-size:29px; color:#FFFFFF; text-align: center; z-index: 555;}
.tab-nav .rt-nav .row a .mask {transition: all 1s;  position: absolute;height: 416px;width: 581px; background:rgba(51,51,51,0.4); }
.tab-nav .rt-nav .row a .mask span { position: relative; top: 50%; height: 46px;width: 200px; margin:0 auto; line-height:46px; color:#fff;background: #005bac; display: block; text-align: center;}
/*.tab-nav .rt-nav .row:hover .mask { display: block;}*/

footer { height:490px;background: #222831; margin-top: 206px;}
footer .foot-tp { width: 1230px; background: #f4f3f8; height: 150px; margin: 0 auto;position: relative; top: -84px;}
footer .foot-tp .lt-office { width: 410px;height: 150px; float: left; background: #f4f3f8;}
footer .foot-tp .lt-office h3 { font-size: 20px; margin-left: 50px;margin-top:20px ;}
footer .foot-tp .lt-office h3 i { margin-right: 7px;}
footer .foot-tp .lt-office p { width: 317px; margin-left: 68px; color: #666666; font-size: 16px; line-height: 1.3;margin-top:10px;}

footer .foot-tp .ct-call { width: 410px;height: 150px; float: left;  background: #f1f0f5;}
footer .foot-tp .ct-call h3 { font-size: 20px; margin-left: 50px;margin-top:20px ;}
footer .foot-tp .ct-call h3 i { margin-right: 7px;}
footer .foot-tp .ct-call p { margin-left: 72px; margin-top:10px; color:#666666 ;}

footer .foot-tp .rt-email { width: 410px;height: 150px; float: left;background: #efeef2;}
footer .foot-tp .rt-email h3 { font-size: 20px; margin-left: 50px;margin-top:20px ;}
footer .foot-tp .rt-email h3 i { margin-right: 7px; }
footer .foot-tp .rt-email p { margin-left: 72px; margin-top:10px; color:#666666 ;}

footer .foot-row {width: 1230px; margin: 0 auto; border-bottom: 2px solid #666666; padding-bottom: 35px;}
footer .foot-row .foot-lt  { width:370px; float: left;}
footer .foot-row .foot-lt .logo img { display: inline-block; }
footer .foot-row .foot-lt .logo h1 { font-size:20px; color: #FFFFFF; width:300px;position:relative;top: -10px; display: inline-block;}
footer .foot-row .foot-lt .foot-lt-quality h3 { font-size: 16px; color: #999999; margin-top: 20px;}
footer .foot-row .foot-lt .foot-lt-quality p { font-size:14px;color: #838383; width: 338px; margin-top: 10px;line-height: 1.4;}
footer .foot-row .foot-lt .share a { display: block; width: 100%;}
footer .foot-row .foot-lt .share i { color: #414141;text-align: center;width: 100%; line-height: 43px; font-size:24px;}
footer .foot-row .foot-lt .share li { display: block; width: 43px; margin-top: 20px;  margin-left:26px;height: 43px; background: #999999;border-radius: 50%; float: left;}
footer .foot-row .foot-lt .share li:nth-of-type(1){margin-left: 0;}

footer .foot-row .foot-pro { width: 200px;float: left;margin-left: 160px;}
footer .foot-row .foot-pro h3 { font-size: 16px; color: #FFFFFF;}
footer .foot-row .foot-pro ul { margin-top: 30px;}
footer .foot-row .foot-pro ul li { line-height:1.4;}
footer .foot-row .foot-pro ul li a { color: #a1a1a1;}


footer .foot-row .foot-blog { width: 130px;float: left; margin-left: 100px;}
footer .foot-row .foot-blog h3 { font-size: 16px; color: #FFFFFF;}
footer .foot-row .foot-blog ul { margin-top: 30px;}
footer .foot-row .foot-blog ul li { line-height:1.4;}
footer .foot-row .foot-blog ul li a { color: #a1a1a1;}

footer .foot-row .foot-mobile { float: right; }
footer .foot-row .foot-mobile h3 { font-size: 16px; color: #FFFFFF;}
footer .foot-row .foot-mobile img { margin-top: 30px;width: 72px;}
footer .copy-right { text-align: center; color: #838383; line-height: 1.5;margin-top: 10px;}