/*common start*/
body, div, ul, li, a, img, p, dl, dt, dd, h1, h2, h3, h4, span, strong, input { margin: 0; padding: 0; list-style: none; text-decoration: none; border: 0; list-style: none; }
body { font-size: 12px; font-family: Arial, ' '; color: #333; }
a { color: #666; }
a:hover { color: #B01C33; text-decoration: none; }
p { line-height: 1.5em; padding: 5px 0; }
.clear { margin: 0; padding: 0; font-size: 0; clear: both; }
.wapper { width: 1200px; margin: 0 auto; }
input, textarea, select { outline: none }
 @media(max-width:1070px) {
.wapper { width: 100%; }
}
/*common end*/
.i_tcbg { width: 100%; height: 100%; background: rgba(0,0,0,.5); position: fixed; z-index: 666; }
.i_tc { width: 920px; margin: 0 auto; margin-top: 10%; background: #fff; padding: 15px 15px; }
.i_tc h2 { border-bottom: 1px solid rgba(0, 0, 0, 0.1); font-weight: normal; font-size: 28px; line-height: 49px; height: 49px; }
.i_tc h2 span { }
.i_tc h2 a { float: right; padding: 0 15px; height: 35px; line-height: 35px; background: #0060aa; color: #fff; font-size: 16px; margin-top: 7px; }
.i_tc h2 a:hover { background: #0f70bb; }
.i_tc .txt { font-size: 14px; line-height: 1.5em; color: #999; padding: 15px 0 15px 0; }
.i_tc .txt a { color: #0060aa; }
.i_tc .txt a:hover { color: #0f70bb; text-decoration: underline; }
@media(max-width:768px) {
.i_tc { width: 80%; margin: 0 auto; margin-top: 30%; padding: 5% 5%; }
}
.main { width: 94%; max-width: 1230px; position: relative; margin-left: auto; margin-right: auto; }
.header { width: 100%; height: 100px; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 5; }
.header .main { height: 100%; max-width: none; display: flex; align-items: center; justify-content: space-between; }
.header .main .logo { width: auto; height: 68px; }
.header .main .logo img { width: auto; height: 100%; }
.header .main .right { display: inline-flex; align-items: center; }
.header .main .nav { display: inline-flex; align-items: center; }
.header .main .nav a { display: inline-block; vertical-align: middle; /*float: left;*/
padding: 10px 14px; transition: all 0.3s; border-bottom: 1px solid transparent; font-size: 16px; line-height: 16px; white-space: nowrap; font-weight:bolder; }
.header .main .nav a:hover, .header .main .nav a.active { color: #0068b7; border-color: #0068b7; }
.header .main .nav i { display: none; vertical-align: middle; /*float: left;*/
width: 1px; min-width: 1px; height: 10px; background-color: #ccc; margin: 0 20px; }
.header .main .lan-sec { display: inline-flex; align-items: center; margin-left: 40px; }
.header .main .lan-sec .lang { position: relative; }
.header .main .lan-sec .lang .tops { height: 30px; display: inline-flex; align-items: center; }
.header .main .lan-sec .lang .tops a { font-size: 18px; }
.header .main .lan-sec .lang .tops i { display: inline-block; width: 12px; height: 9px; background-image: url(../images/02.png); background-size: 100% 100%; margin-left: 8px; }
.header .main .lan-sec .lang .bots { display: none; width: auto; min-width: 95px; border: 1px solid #E6E6E6; background-color: #fff; position: absolute; top: 30px; left: 50%; margin-left: -58px; padding: 6px 0; text-align: center; }
.header .main .lan-sec .lang .bots a { display: block; width: auto; white-space: nowrap; height: 35px; line-height: 35px; font-size: 16px; transition: all 0.3s; padding: 0 10px; }
.header .main .lan-sec .lang .bots a:hover { background-color: #0068b7; color: #fff; }
.header .main .lan-sec .lang:hover .bots { display: block; }
.header .main .lan-sec .line { display: block; float: left; width: 1px; min-width: 1px; height: 10px; background-color: #ccc; margin: 0 15px; }
.header .main .lan-sec .search { display: block; width: 20px; height: 20px; background-image: url(../images/03.png); background-size: 100% 100%; }
.header-h { width: 100%; height: 100px; clear: both; }
.mask { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 9; display: none; }
.m-header { width: 100%; height: 50px; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 10; display: none; }
.m-header .main { height: 100%; max-width: none; display: flex; align-items: center; justify-content: space-between; }
.m-header .main .logo { width: auto; height: 30px; }
.m-header .main .logo img { width: auto; height: 100%; }
.m-header .main .right { overflow: hidden; display: inline-flex; align-items: center; }
.m-header .main .right a { display: block; float: left; width: 32px; height: 32px; margin-left: 8px; }
.m-header .main .right a img { width: 100%; height: 100%; }
.m-header .m-nav { width: 100%; position: fixed; top: 50px; left: 0; background-color: #fff; padding: 2%; display: none; }
.m-header .m-nav .nav { width: 100%; }
.m-header .m-nav .nav .one { width: 100%; height: 45px; line-height: 45px; border-bottom: 1px solid #e6e6e6; font-size: 1.6rem; overflow: hidden; display: flex; align-items: center; justify-content: space-between; }
.m-header .m-nav .nav .one a { display: block; float: left; height: 100%; white-space: nowrap; }
.m-header .m-nav .nav .one i { display: block; float: right; width: 100%; height: 100%; background-image: url(../images/32.png); background-size: 12px auto; background-position: right center; background-repeat: no-repeat; }
.m-header .m-nav .nav .one i.open { background-image: url(../images/33.png); background-size: 12px auto; }
.m-header .m-nav .nav .two { width: 100%; height: auto; padding-bottom: 0.24rem; padding-left: 0.5rem; border-bottom: 1px solid #E6E6E6; display: none; }
.m-header .m-nav .nav .two a { display: block; clear: both; margin-top: 12px; font-size:12px; }
.m-header .m-nav .lang { width: 100%; overflow: hidden; padding-top: 0.24rem; }
.m-header .m-nav .lang a { display: block; float: left; margin-right: 0.1rem; height: 0.5rem; min-width: 0.5rem; line-height: 0.5rem; border-radius: 0.06rem; text-align: center; padding: 0 0.1rem; font-size: 0.28rem; color: #999; }
.m-header .m-nav .lang a.active { background-color: #0068b7; color: #fff; }
.m-header .m-fixed-search { width: 100%; height: 1.6rem; background-color: #fff; top: 0; left: 0; position: fixed; z-index: 10; display: none; padding: 0 0.24rem; }
.m-header .m-fixed-search .search-block { width: 100%; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ccc; margin-top: 0.5rem; }
.m-header .m-fixed-search .search-block .serh { width: 0.34rem; height: 0.33rem; background-image: url("../images/36.png"); background-size: 100% 100%; display: inline-block; }
.m-header .m-fixed-search .search-block input { width: 6.2rem; height: 0.66rem; display: inline-block; padding: 0 0.2rem; font-size: 0.26rem; border: none; }
.m-header .m-fixed-search .search-block .close { width: 0.3rem; height: 0.3rem; background-image: url("../images/37.png"); background-size: 100% 100%; display: inline-block; }
.m-header-h { width: 100%; height: 1rem; clear: both; display: none; }
/**/
.head_pc { width: 100%; background: #fff; position: fixed; z-index: 55; top: 0; left: 0; border-bottom: 1px solid #D8D8D8; }
.head1bg { background: #373B3D; }
.head1 { height: 40px; line-height: 40px; }
.head1 .lt { float: left; font-size: 12px; }
.head1 .lt ul li { float: left; font-size: 12px; font-weight: bold; background: #474B4C; }
.head1 .lt ul li a { color: #fff; padding: 0 15px; display: block; }
.head1 .lt ul li i { font-size: 14px; color: #F6BF35; }
.head1 .lt ul li:hover a { background: #F6BF35; color: #373B3D; }
.head1 .lt ul li:hover i { color: #373B3D; }
.head1 .rt { float: right; font-size: 13px; }
.head1 .rt1 { float: left; background: #B01C33; font-weight: bold; }
.head1 .rt1 a { color: #fff; display: block; padding: 0 15px; }
.head1 .rt1 i { }
.head1 .rt1:hover a { background: #fff; color: #373B3D; }
.head1 .rt2 { float: left; background: #F6BF35; font-weight: bold; }
.head1 .rt2 a { color: #373B3D; display: block; padding: 0 15px; }
.head1 .rt2 i { }
.head1 .rt2:hover a { background: #fff; }
.head1 .rt3 { float: left; height: 40px; }
.head1 .rt3 .text1 { float: left; border: none; background: #fff; width: 180px; padding: 0 10px; height: 40px; line-height: 40px; -webkit-box-shadow: inset 0 0 4px 0 rgba(0,0,0,0.5); box-shadow: inset 0 0 4px 0 rgba(0,0,0,0.5); }
.head1 .rt3 .button1 { float: left; width: 40px; height: 40px; line-height: 40px; text-align: center; background: #F6BF35; color: #373B3D; }
.head1 .rt3 .button1 i { font-size: 14px; }
.head2bg { position: relative; }
.head2 { height: 110px; width: 1400px; }
.head2 .logo { float: left; width: 300px; height: 110px; position: relative; }
.head2 .logo img { max-width: 100%; max-height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; }
.head2 .rt { float: right; }
/*menu*/
.menu { height: 110px; line-height: 40px; }
.menu ul li { float: left; padding: 35px 0; }
.menu a { font-size: 13px; color: #333; text-decoration: none; font-weight: bold; display: block; text-align: left; padding: 0 15px; }
.menu a:hover { color: #0060aa; }
a.menu_hover { color: #0060aa; }
.megadropbg { width: 100%; background: #fff; position: absolute; z-index: 57; top: 100%; left: 0; border-top: 1px solid #D8D8D8; display: none; }
.menu ul li:hover .megadropbg { display: block; }
.megadrop { padding-left: calc((100vw - 800px)/2); }
.erji_box { max-width: 90%; }
.erji_box>dl { }
.erji_box>dl>dd { float: left; width: 21%; padding: 3% 2% 3% 2%; }
.erji_box>dl>dd h2 { }
.erji_box>dl>dd h2 a { font-weight: bold; font-size: 14px; line-height: 1.5em; color: #0060aa; margin: 1% 0; }
.sanji_box { }
.sanji_box>dl>dd { }
.sanji_box>dl>dd h3 { }
.sanji_box>dl>dd h3 a { font-weight: bold; font-size: 14px; line-height: 1.5em; color: #666; margin: 1% 0; }
.sanji_box>dl>dd h3 a:hover { color: #0060aa; }
.siji_box { }
.siji_box dl dd { }
.siji_box dl dd a { font-weight: normal; font-size: 14px; line-height: 1.5em; color: #999; margin: 1% 0; }
.siji_box dl dd a:hover { color: #B01C33; }
.erji_img { width: 26%; height: 100%; position: absolute; top: 0; right: 0; }
.erji_img table { background: rgba(55,59,61,0.6); }
.erji_img table, .erji_img table td { height: 100%; padding: 0 2%; }
.erji_img .txt { color: #fff; }
.erji_img .txt h2 { font-weight: bold; font-size: 24px; line-height: 1.5em; }
.erji_img .txt h3 { font-weight: normal; font-size: 16px; line-height: 1.5em; margin-top: 3%; }
.more1 { margin-top: 5%; }
.more1 a { display: inline-block; text-align: center; font-weight: bold; font-size: 16px; border: 1px solid #fff; padding: 0 40px; height: 56px; line-height: 56px; color: #fff; }
.more1 a:hover { background: #0060aa; color: #fff; }
.h_height { height: auto; }
 @media(max-width:1070px) {
.head_pc { display: none; }
/*.h_height { height: 64px; }*/
}
/**/
.footer { width: 100%; background-color: #0c3d70; }
.footer .foot-top { width: 100%; }
.footer .foot-top .tops { width: 100%; display: flex; flex: 1; justify-content: space-between; }
.footer .foot-top .tops .nav { width: 100%; display: inline-flex; justify-content: space-between; padding-top: 60px; padding-bottom: 30px; padding-right: 40px; }
.footer .foot-top .tops .nav .item { padding-right: 10px; color: #fff; }
.footer .foot-top .tops .nav .item .one { font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; }
.footer .foot-top .tops .nav .item .two { font-size: 14px; color: #cfcccc; margin-top: 10px; float: left; clear: both; transition: all 0.3s; }
.footer .foot-top .tops .nav .item .two:hover { color: #0068b7; }
.footer .foot-top .tops .ewm { width: 190px; min-width: 190px; border-left: 1px solid #333; padding-left: 40px; padding-top: 60px; padding-bottom: 30px; color: #fff; }
.footer .foot-top .tops .ewm p { font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.footer .foot-top .tops .ewm .logo { width: 147px; height: 47px; margin-top: 20px; }
.footer .foot-top .tops .ewm .logo img { width: 100%; height: 100%; }
.footer .foot-top .tops .ewm .img { width: 150px; height: 150px; border-radius: 10px; overflow: hidden; margin-top: 30px; }
.footer .foot-top .tops .ewm .img img { width: 100%; height: 100%; }
.footer .foot-top .bots { width: 100%; display: flex; justify-content: space-between; border-top: 1px solid #333; padding: 40px 62px; }
.footer .foot-top .bots .item .label { width: 100%; height: 18px; white-space: nowrap; }
.footer .foot-top .bots .item .label img { width: 18px; height: 18px; float: left; }
.footer .foot-top .bots .item .label span { font-size: 16px; color: #fff; margin-left: 12px; float: left; line-height: 18px; }
.footer .foot-top .bots .item .desc { margin-top: 20px; font-size: 16px; color: #cfcccc; }
.footer .foot-bot { width: 100%; border-top: 1px solid #333; padding: 20px 0; }
.footer .foot-bot .main { overflow: hidden; font-size: 14px; }
.footer .foot-bot .main p, .footer .foot-bot .main a, .footer .foot-bot .main span { color: #ffffff; display: block; float: left; }
.footer .foot-bot .main .left { float: left; }
.footer .foot-bot .main .left .copy { margin-left: 20px; }
.footer .foot-bot .main .right { float: right; }
.m-footer { display: none; width: 100%; background-color: #191919; padding: 24px 3% 0; color: #fff; }
.m-footer .nav { width: 100%; overflow: hidden; }
.m-footer .nav a { display: flex; align-items: center; float: left; width: 33.33%; margin-top: 30px; padding-right: 20px; color: #fff; }
.m-footer .nav a span { font-size: 16px; }
.m-footer .nav a i { display: block; float: left; width: 10px; height: 16px; background-image: url(../images/34.png); background-size: auto 100%; background-position: center; background-repeat: no-repeat; margin-left: 15px; }
.m-footer .ewm { width: 100%; margin-top: 30px; }
.m-footer .ewm p { font-size: 16px; color: #fff; }
.m-footer .ewm .img { width: 100px; height: 100px; border-radius: 6px; overflow: hidden; margin-top: 10px; }
.m-footer .ewm .img img { width: 100%; height: 100%; }
.m-footer .foot-bot { width: 100%; padding: 20px 0; background-color: #141414; color: #515151; font-size: 14px; }
/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header { height: 50px; overflow: hidden; background: #fff; position: fixed; z-index: 10; width: 100%; display: none; }
.sp_logo { padding: 10px; float: left; height: 50px }
.sp_logo img { margin: auto; max-height: 30px; }
.sp_nav { width: 50px; float: right; position: relative; cursor: pointer; height: 30px; margin-top: 15px }
.sp_nav span { display: block; background: #c9141e; width: 30px; height: 2px; position: absolute; left: 10px; transition: all ease 0.35s }
.sp_nav span:nth-of-type(1) { top: 0px }
.sp_nav span:nth-of-type(2) { top: 10px }
.sp_nav span:nth-of-type(3) { top: 20px }
.sp_nav_se span:nth-of-type(1) { top: 10px; transform: rotate(45deg) }
.sp_nav_se span:nth-of-type(2) { width: 0 }
.sp_nav_se span:nth-of-type(3) { top: 10px; transform: rotate(-45deg) }
.sjj_nav { position: fixed; z-index: 9; background: #eee; width: 100%; height: calc(100% - 104px); font-size: 14px; line-height: 40px; top: -100%; left: 0; overflow: auto; overflow-x: hidden; transition: top ease 0.35s; }
.nav_show { top: 50px }
.sjj_nav>ul>li:first-child { overflow: hidden; border-top: 0 }
.sjj_nav>ul>li:first-child>a { float: left; width: calc(100% - 70px) }
.sjj_nav>ul>li:first-child .language { float: right; width: 70px; overflow: hidden; line-height: 30px; margin-top: 5px }
.sjj_nav>ul>li:first-child .language a { width: 35px; float: left; border-left: 1px #ddd solid; text-align: center; color: #999; }
.sjj_nav ul li i { position: absolute; top: 5px; right: 0px; border-left: 1px #ddd solid; height: 30px; padding: 0px 7px 0 7px; }
.sjj_nav ul li i svg { transform: rotate(-90deg); transition: all ease 0.35s }
.sjj_nav ul li .sjj_nav_i_se svg { transform: rotate(0deg) }
.sjj_nav ul li { border-top: 1px #ddd solid; margin-left: 20px; position: relative; line-height: 40px; font-size: 14px }
.sjj_nav>ul >li:last-child { border-bottom: 1px #ddd solid; }
.sjj_nav ul li ul { display: none }
.sjj_nav ul li a { color: #666; width: 80% }
.sjj_nav ul li ul li a { color: #999; display: block; text-align: left; }
.sjj_nav ul li i svg { width: 20px; height: 20px; fill: #555; }
.sjj_nav ul li .sjj_nav_i_se svg { fill: #c9141e }
.sjj_nav ul li ul li>ul { margin-left: 10px }
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/
 @media(max-width:1070px) {
.sp_header { display: block; }
}
/**/
.tit1 { text-align: center; }
.tit1 h2 { font-weight: bold; font-size: 16px; line-height: 1.5em; }
.tit1 h2 a { color: #B01C33; }
.tit1 h2 a:hover { color: #F6BF35; }
.con01bg { }
.con01 { margin-top: 10px; }
.con01_lt { float: left; width: 100%; }
.swiper-container1 .swiper-slide { }
.swiper-container1 .swiper-slide .box { height: 700px; color: #fff; padding: 0 4% 0 28%; }
.swiper-container1 .swiper-slide .txt { float: left; display: inline-block; width: 64%; padding: 4% 0; }
.swiper-container1 .swiper-slide .txt h2 { font-weight: normal; font-size: 50px; line-height: 1.5em; }
.swiper-container1 .swiper-slide .txt h3 { font-weight: normal; font-size: 20px; line-height: 1.5em; margin-top: 4%; }
.more2 { margin-top: 4%; }
.more2 a { display: inline-block; text-align: center; padding: 0 30px; height: 54px; line-height: 54px; /*background: #0060aa;*/ color: #fff; font-weight: bold; font-size: 16px; }
.more2 a:hover { background: #0060aa; }
.swiper-container1 .swiper-slide .img { float: right; display: inline-block; width: 35%; padding: 4% 0; }
.swiper-container1 .swiper-slide .img img { max-width: 100%; }
.swiper-container1 .swiper-pagination1 { bottom: 55px; }
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet { margin: 0 6px; border-radius: 0; width: 20px; height: 20px; background: #0060aa; opacity: .5; }
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #0060aa; opacity: 0; }
.con01_rt { float: right; width: 35%; }
.con01_rt ul li { margin-top: 10px; }
.con01_rt ul li:nth-child(1) { margin-top: 0; }
.con01_rt ul li .box { height: 245px; color: #fff; padding: 0 4%; }
.con01_rt ul li .txt { float: left; display: inline-block; width: 64%; padding: 4% 0; }
.con01_rt ul li .txt h2 { font-weight: normal; font-size: 20px; line-height: 1.5em; }
.con01_rt ul li .txt h3 { font-weight: normal; font-size: 13px; line-height: 1.5em; margin-top: 4%; }
.more3 { margin-top: 4%; }
.more3 a { display: inline-block; text-align: center; padding: 0 15px; height: 40px; line-height: 40px; background: #0060aa; color: #fff; font-weight: bold; font-size: 16px; }
.more3 a:hover { background: #0f70bb; }
.con01_rt ul li .img { float: right; display: inline-block; width: 35%; }
.con01_rt ul li .img img { max-width: 100%; }
@media(max-width:1070px) {
.con01_lt { float: none; width: 100%; }
.swiper-container1 .swiper-slide .box { height: auto; padding: 4% 4% 16% 4%; }
.swiper-container1 .swiper-slide .txt { display: block; width: 100%; padding: 0; margin-top: 2%; }
.swiper-container1 .swiper-slide .txt h2 { font-size: 27px; line-height: 1.5em; }
.swiper-container1 .swiper-slide .txt h3 { font-size: 13px; line-height: 1.5em; margin-top: 4%; }
.more2 a { padding: 0 30px; height: 54px; line-height: 54px; font-size: 14px; }
.swiper-container1 .swiper-slide .img { display: block; width: 100%; }
.swiper-container1 .swiper-slide .img img { max-height: 170px; }
.swiper-container1 .swiper-pagination1 { bottom: 20px; }
.con01_rt { float: none; width: 100%; }
.con01_rt ul li .box { height: auto; padding: 4% 4%; }
.con01_rt ul li:nth-child(1) { margin-top: 10px; }
.con01_rt ul li .txt { display: block; width: 100%; padding: 0; margin-top: 2%; }
.con01_rt ul li .txt h2 { font-size: 18px; line-height: 1.5em; }
.con01_rt ul li .txt h3 { font-size: 12px; line-height: 1.5em; margin-top: 4%; }
.more3 a { padding: 0 15px; height: 40px; line-height: 40px; font-size: 14px; }
.con01_rt ul li .img { width: 100%; }
.con01_rt ul li .img img { max-height: 170px; }
}
/**/
.con02bg { padding: 4% 0; background: #dbe8f1; }
.con02 { }
.con02 ul li { float: left; width: 32%; margin: 0 2% 0 0; text-align: center; }
.con02 ul li:nth-child(3n) { margin-right: 0; }
.con02 ul li .box { }
.con02 ul li .img { width: 160px; margin: 0 auto; position: relative; }
.con02 ul li .img img { display: block; height: 47px; margin: 0 auto; }
.con02 ul li .img:before { content: ""; background: #D8D8D8; height: 1px; width: 50px; position: absolute; left: 0; top: calc(50% - 1px); }
.con02 ul li .img:after { content: ""; background: #D8D8D8; height: 1px; width: 50px; position: absolute; right: 0; top: calc(50% - 1px); }
.con02 ul li .txt { margin-top: 1%; }
.con02 ul li .txt h2 { font-weight: bold; font-size: 24px; line-height: 1.5em; height: 1.5em; overflow: hidden; }
.con02 ul li .txt h3 { font-weight: normal; font-size: 16px; line-height: 1.5em; height: 3em; overflow: hidden; margin-top: 4%; }
.more4 { text-align: center; margin-top: 8%; }
.more4 a { display: inline-block; text-align: center; padding: 0 30px; height: 50px; line-height: 50px; background: #0060aa; color: #fff; font-weight: bold; font-size: 16px; }
.more4 a:hover { background: #0f70bb; }
.con02 .search { height: 50px; width: 300px; margin: 0 auto; margin-top: 8%; }
.con02 .search .text1 { float: left; border: 1px solid #ccc; background: #fff; width: 238px; padding: 0 5px; height: 48px; line-height: 48px; }
.con02 .search .button1 { float: right; display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; background: #0060aa; color: #fff; font-size: 14px; }
@media(max-width:1070px) {
.con02bg { padding: 4% 4%; display: none; }
.con02 ul li { float: none; width: 100%; margin: 2% 0; }
.con02 ul li .txt h2 { font-size: 21px; line-height: 1.5em; height: auto; }
.con02 ul li .txt h3 { font-size: 14px; line-height: 1.5em; height: auto; margin-top: 4%; }
}
/**/

/**/
.foot { background: #373B3D; color: #fff; position: relative; overflow: hidden; }
.foot:before { content: ""; background-color: #424C4F; position: absolute; width: calc(50% + 700px); height: calc(90% + 700px); top: -100px; right: -56%; -webkit-transform: rotate(14deg); transform: rotate(14deg); z-index: 1; }
.foot a { color: #fff; }
.foot a:hover { color: #F6BF35; }
.foot1bg { padding: 50px 0 30px 0; position: relative; z-index: 2; }
.foot1 { }
.foot1 .lt { float: left; width: 40%; margin-right: 2%; }
.foot1 .lt>h2 { font-weight: bold; font-size: 18px; line-height: 1.5em; border-bottom: 2px solid #0060aa; }
.foot1 .lt ul { margin-top: 15px; }
.foot1 .lt ul li { float: left; width: 48%; margin-right: 4%; font-size: 12px; line-height: 30px; height: 30px; overflow: hidden; }
.foot1 .lt ul li:nth-child(2n) { margin-right: 0; }
.foot1 .rt { float: right; width: 16%; }
.foot1 .rt>h2 { font-weight: bold; font-size: 18px; line-height: 1.5em; border-bottom: 2px solid #0060aa; }
.foot1 .rt ul { margin-top: 15px; }
.foot1 .rt ul li { font-size: 12px; line-height: 30px; }
.foot1 .rt dl { margin-top: 15px; }
.foot1 .rt dl dd a { display: inline-block; font-size: 24px; line-height: 30px; margin-right: 5px; }
.foot2bg { background: #303436; padding: 15px 0; position: relative; z-index: 2; }
.foot2 { font-size: 12px; line-height: 30px; }
.foot2 .lt { float: left; }
.foot2 .rt { float: right; }
@media(max-width:1070px) {
.foot:before { display: none; }
.foot1bg { display: none; }
.foot2bg { padding: 4% 4%; text-align: center; }
.foot2 .lt { float: none; }
.foot2 .rt { float: none; }
}
/**/
.con3 { width: 100%; padding: 60px 0; background-image: url(../images/products-background.jpg); }
.con3title h1 { font-size: 40px; color: #FFFFFF; margin-bottom: 20px; }
.con3lf { width: 30%; float: left; }
.con3rt { width: 68%; float: right; }
.con3rt .pic{ width:100%;}
.con3lf ul li { line-height: 45px; color: #FFFFFF; font-size: 18px; cursor: pointer; margin-bottom: 15px; }
.con3lf ul li img { vertical-align: middle; }
.con3lf ul li span { margin-left: 10px; font-weight: bold; vertical-align: middle; }
.con3rt h3 { width: 16%; float: left; display: block; cursor: pointer; }
.pic { overflow: hidden;/*隐藏溢出*/ width: 1100px; height: 420; margin: 0 auto; padding-top: 0; }
.pic ul li { float: left; height: 420px; width: 100px; }
.txt1 { background-color: #000; background: rgba(0, 0, 0, .5); height: 420px; width: 100px; }
.txt1 p { float: left; color: #fff; }
.txt1 .p1 { font-size: 13px; width: 13px; padding: 25px 25px 0px 20px; }
/*Add------------------------------------------------------------------------------*/

.con10 h2 { text-align: center; font-size: 24px; color: #337ab7; font-weight: normal; padding-top: 50px; padding-bottom: 10px; font-weight:bolder; }
.con10 h3 { text-align: center; font-size: 16px; font-weight: normal; padding-bottom: 30px; }
.c10_nav { margin-bottom: 30px; text-align: center; }
.c10_nav a { display: inline-block; border: #d9d9d9 1px solid; padding: 8px 15px; font-size: 14px; margin: 0px 40px; }
.c10_nav a.on { background: #0060AA; border: 1px solid #0060AA; color: #fff; }
.c10_nav a:hover { background: #0060AA; border: 1px solid #0060AA; color: #fff; }
.c10_list ul li { float: left; margin-right: 100px; margin-bottom: 20px; width: calc((100% - 80px)/5); border-bottom: 1px solid #e0e0e0; transition: ease-out .35s; }
.c10_list ul li .pro_pic { position: relative; height: 230px; overflow: hidden; text-align: center; }
.c10_list ul li .pro_pic img { max-width: 100%; }
.c10_list ul li:nth-child(4n) { margin-right: 0px; }
.c10_list ul li .pro_search { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,.5); transition-duration: .3s; opacity: 0; }
.c10_list ul li .pro_search i { position: absolute; top: 50%; left: 50%; margin-left: -11px; margin-top: -11px; }
.c10_list ul li .pro_tit { padding: 12px 20px; text-align: center; font-size: 16px; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.c10_list ul li:hover .pro_search { opacity: 1; }
.c10_list ul li:hover { border-bottom: 1px solid #000; }
.c10_list ul li:hover .pro_tit { color: #f60; }
.con12 h2 { text-align: center; font-size: 24px; color: #337ab7; font-weight: normal; padding-top: 50px; padding-bottom: 10px; font-weight:bolder; }
.con12 h3 { text-align: center; font-size: 16px; font-weight: normal; padding-bottom: 50px; }
.con12 ul li { float: left; overflow: hidden; border: 1px solid #f5f5f5; padding: 10px; box-sizing: border-box; margin-right: 2%; width: 23.5%; margin-bottom: 20px; }
.con12 ul li img { width: 100%; transition: all 0.3s; }
.con12 ul li:nth-child(4n) { margin-right: 0px; }
.con12 ul li:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }


@media(max-width:1620px){
.header .main .nav i{ margin:0 5px;}
}
@media(max-width:1420px){
.header .main .nav a{ font-size:14px; padding:10px 5px;}
.header .main .nav i{ margin:0 5px;}
}


@media(max-width:1024px){
.header{ display:none;}
.header-h{ height:50px;}
.m-header{ display:block;}

.con3lf{ width:100%;}
.con3lf ul li{ float:left; width:50%;}
.con3rt{ width:100%; overflow-x:scroll;}


.c10_nav a{ padding:5px 10px; margin:0 2px;}
.c10_list ul li{ width:calc((100% - 10px)/2); margin:0 10px 10px 0;}
.c10_list ul li:nth-child(2n){ margin-right:0;}
.c10_list ul li .pro_pic{ height:auto; padding-bottom:100%;}
.c10_list ul li .pro_pic img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}

.footer .foot-top .tops{ display:block;}
.footer .foot-top .tops .nav{ display:none;}
.footer .foot-top .bots{ display:block;}
}
















/**/