/*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%;}
}
/**/
.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; }
.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 .logo_txt{ float:left; width:428px; height:110px; text-align:center; font-size:20px; line-height:22px;    color: #004098;    font-weight: bold;    font-family: KaiTi;
/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;}
.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: 101px; }
 @media(max-width:1070px) {
.head_pc { display: none; }
.h_height { height: 64px; }
}
/**/
.head_mbg { width: 100%; background: #fff; position: fixed; z-index: 55; top: 0; left: 0; display: none; }
.head_m { height: 64px; position: relative; }
.head_m:before { content: ""; width: 100%; height: 1px; background: #D8D8D8; position: absolute; z-index: 56; bottom: 0; left: 0; }
.head_m .logo { float: left; width: 150px; height: 64px; position: relative; margin-left: 4%; }
.head_m .logo img { max-width: 100%; max-height: 80%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto 0; }
.h_tel2 { text-align: center; font-size: 27px; line-height: 1.5em; color: #B01C33; }
.h_search2 { height: 32px; position: relative; }
.h_search2 .text1 { border: none; background: #fff; width: 96%; padding: 0 2%; height: 32px; line-height: 32px; }
.h_search2 .button1 { width: 32px; height: 32px; line-height: 32px; background: #B01C33; color: #fff; font-size: 14px; text-align: center; position: absolute; top: 0; right: 0; }
.h_search2 .button1 i { }
.nav_open { height: 40px; line-height: 40px; text-align: center; position: absolute; z-index: 2; top: 12px; right: 4%; color: #373B3D; }
.nav_open i { font-size: 30px; vertical-align: middle; }
.navbg { width: 100%; height: 100%; background: rgba(0,0,0,0.9); position: fixed; top: 0; left: 0; z-index: 666; display: none; }
.nav { padding: 80px 5% 20px 5%; position: relative; }
.nav_close { height: 40px; line-height: 40px; text-align: center; position: absolute; z-index: 2; top: 12px; right: 4%; color: #fff; }
.nav_close i { font-size: 30px; vertical-align: middle; }
.nav_list { height: calc(100vh - 100px); overflow-Y: scroll; }
.tree { margin-top: 30px; color: #fff; }
.tree_box { }
.tree_one, .tree_two, .tree_three { display: none; overflow: hidden; }
.tree_box h3 { font-weight: normal; font-size: 27px; height: 60px; line-height: 60px; overflow: hidden; margin: 0; position: relative; }
.tree_box h3 a { color: #fff; position: relative; z-index: 10; }
.tree_box h3 a:hover { color: #fff; }
.tree_box h3 span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-align: right; }
.tree_box h3 span i { }
.tree_one h4 { font-weight: normal; font-size: 22px; height: 50px; line-height: 50px; overflow: hidden; margin: 0 0 0 15px; position: relative; }
.tree_one h4 a { color: #fff; position: relative; z-index: 10; }
.tree_one h4 a:hover { color: #fff; }
.tree_one h4 span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-align: right; }
.tree_one h4 span i { }
.tree_two h5 { font-weight: normal; font-size: 18px; height: 40px; line-height: 40px; overflow: hidden; margin: 0 0 0 30px; position: relative; }
.tree_two h5 a { color: #fff; position: relative; z-index: 10; }
.tree_two h5 a:hover { color: #fff; }
.tree_two h5 span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-align: right; }
.tree_two h5 span i { }
.tree_three li { font-weight: normal; font-size: 15px; height: 40px; line-height: 40px; overflow: hidden; margin: 0 0 0 45px; position: relative; }
.tree_three li a { color: #fff; position: relative; z-index: 10; }
.tree_three li a:hover { color: #fff; }
@media(max-width:1070px) {
.head_mbg { 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: calc(65% - 10px); }
.swiper-container1 .swiper-slide { }
.swiper-container1 .swiper-slide .box { height: 500px; 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: 1; }
.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%; }
.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%; }
}
/**/
.tit2 { text-align: center; }
.tit2 h2 { font-weight: bold; font-size: 24px; line-height: 1.5em; color: #0060aa; }
.con03bg { padding: 4% 0; }
.con03 { }
.con03 .list { }
.con03 .list ul li { float: left; width: 23%; margin: 4% 2% 0 0; }
.con03 .list ul li:nth-child(4n) { margin-right: 0; }
.con03 .list ul li .box { border: 1px solid #0060aa; -webkit-box-shadow: 3px 3px 1px 0 rgba(111,143,157,0.2); box-shadow: 3px 3px 1px 0 rgba(111,143,157,0.2); border-radius: 0 6px 0 6px; }
.con03 .list ul li .img { height: 210px; position: relative; }
.con03 .list ul li .img img { max-width: 100%; max-height: 170px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; }
.con03 .list ul li .txt1 { padding: 0 30px; background: #0060aa; }
.con03 .list ul li .txt1 h2 { font-weight: bold;    color: #fff; font-size: 18px; line-height: 50px; text-align: center; overflow: hidden; height: 50px; }
.con03 .list ul li .txt2 { padding: 20px 30px; }
.con03 .list ul li .txt2 h3 { font-weight: normal; font-size: 16px; line-height: 1.5em; height: 6em; overflow: hidden; }
.more5 { }
.more5 a { display: inline-block; text-align: center; font-weight: bold; font-size: 16px; line-height: 1.5em; color: #0060aa; text-decoration: underline; }
.more5 a:hover { color: #0f70bb; }
.more6 { background: #dbe8f1; border-top: 1px solid #0060aa; }
.more6 a { display: block; height: 50px; line-height: 50px; font-weight: bold; font-size: 13px; color: #0060aa; text-align: center; text-decoration: underline; }
.more6 a:hover { color: #0f70bb; }
@media(max-width:1070px) {
.tit2 h2 { font-size: 21px; line-height: 1.5em; }
.con03bg { padding: 4% 4%; }
.con03 .list ul li { float: none; width: 100%; margin: 2% 0 2% 0; }
.con03 .list ul li .txt1 h2 { font-size: 16px; line-height: 50px; height: 50px; }
.con03 .list ul li .txt2 h3 { font-size: 14px; line-height: 1.5em; height: 6em; }
.more5 a { font-size: 14px; line-height: 1.5em; }
}
/**/
.tit3 { text-align: center; }
.tit3 h2 { width: 160px; margin: 0 auto; position: relative; }
.tit3 h2 img { display: block; height: 47px; margin: 0 auto; }
.tit3 h2:before { content: ""; background: #D8D8D8; height: 1px; width: 50px; position: absolute; left: 0; top: calc(50% - 1px); }
.tit3 h2:after { content: ""; background: #D8D8D8; height: 1px; width: 50px; position: absolute; right: 0; top: calc(50% - 1px); }
.tit3 h3 { font-weight: bold; font-size: 24px; line-height: 1.5em; }
.con04bg { -webkit-box-shadow: 0 19px 20px 0 rgba(55,59,61,0.1); box-shadow: 0 19px 20px 0 rgba(55,59,61,0.1); }
.con04 { }
.con04_lt { float: left; width: 42%; padding: 4% 4%; }
.con04_lt .list { margin-top: 4%; }
.swiper-container2 { padding-bottom: 30px; }
.swiper-container2 .swiper-slide ul { max-width: 520px; margin: 0 auto; }
.swiper-container2 .swiper-slide ul li { border: 1px solid #D8D8D8; padding-left: 140px; min-height: 140px; position: relative; margin: 4% 0; background: rgba(255,255,255,0.5); transition: all .3s ease; }
.swiper-container2 .swiper-slide ul li:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); -webkit-box-shadow: 0 1px 6px 0px #D8D8D8; box-shadow: 0 1px 6px 0px #D8D8D8; transition: all .3s ease; }
.swiper-container2 .swiper-slide .img { width: 140px; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; }
.swiper-container2 .swiper-slide .img img { max-width: 100%; }
.swiper-container2 .swiper-slide .txt { border-left: 1px solid #D8D8D8; padding: 4% 4%; }
.swiper-container2 .swiper-slide .txt h2 { font-weight: bold; font-size: 20px; line-height: 1.5em; height: 1.5em; overflow: hidden; color: #333; }
.swiper-container2 .swiper-slide .txt h3 { font-weight: normal; font-size: 15px; line-height: 1.5em; height: 3em; overflow: hidden; color: #666; margin-top: 2%; }
.more7 { font-weight: bold; font-size: 15px; line-height: 1.5em; color: #333; margin-top: 2%; }
.swiper-container2 .swiper-pagination2 { bottom: 0; display: none; }
.swiper-container2 .swiper-pagination2 .swiper-pagination-bullet { margin: 0 6px; border-radius: 0; width: 20px; height: 20px; background: #0060aa; opacity: .5; }
.swiper-container2 .swiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #0060aa; opacity: 1; }
.swiper-container2 .swiper-button-prev2, .swiper-container2 .swiper-button-next2 { width: 20px; height: 47px; margin-top: -23px; }
.swiper-container2 .swiper-button-prev2 { left: 0; background: url(../images/slider-arrow1.png) center no-repeat; }
.swiper-container2 .swiper-button-next2 { right: 0; background: url(../images/slider-arrow2.png) center no-repeat; }
.con04_rt { float: right;width: 41%;padding: 4% 4%;
 }
.con04_rt .box { max-width: 500px; margin: 0 auto; }
.con04_rt h2 { font-weight: bold; font-size: 30px; line-height: 1.5em; }
.con04_rt h3 { font-weight: normal; font-size: 22px; line-height: 1.5em; margin-top: 4%; }
.more8 { margin-top: 4%; }
.more8 a { display: inline-block; text-align: center; padding: 0 30px; height: 50px; line-height: 50px; background: #fff; color: #333; font-weight: bold; font-size: 16px; }
.more8 a:hover { background: #B01C33; color: #fff; }
@media(max-width:1070px) {
.tit3 h3 { font-size: 21px; line-height: 1.5em; }
.con04bg { background: none !important; }
.con04_lt { float: none; width: 92%; padding: 4% 4%; background: #FEF8EA; }
.swiper-container2 .swiper-slide .txt h2 { font-size: 18px; line-height: 1.5em; height: 1.5em; }
.swiper-container2 .swiper-slide .txt h3 { font-size: 13px; line-height: 1.5em; height: 3em; margin-top: 2%; }
.swiper-container2 .swiper-pagination2 { display: block; }
.swiper-container2 .swiper-button-prev2, .swiper-container2 .swiper-button-next2 { display: none; }
.con04_rt { float: none; width: 92%; padding: 4% 4%; background: #0060aa; }
}
/**/
.con05bg { padding: 4% 0; overflow: hidden; }
.con05 { position: relative; }
.con05:before { content: ""; background-color: #FDFDF5; position: absolute; z-index: 1; width: calc(100% + 1000px); height: calc(100% + 1000px); top: 0; right: -1660px; -webkit-transform: rotate(14deg); transform: rotate(14deg); }
.con05_lt { float: left; width: 50%; }
.con05_lt .txt { }
.con05_lt .txt h2 { font-weight: bold; font-size: 40px; line-height: 1.5em; }
.con05_lt .txt h3 { font-weight: normal; font-size: 20px; line-height: 1.5em; margin-top: 4%; }
.con05_lt .txt .more4 { text-align: left; }
.con05_rt { float: right; max-width: 360px; }
.con05_rt img { max-width: 100%; position: relative; z-index: 2; }
@media(max-width:1070px) {
.con05bg { padding: 4% 4%; }
.con05:before { display: none; }
.con05_lt { float: none; width: 100%; }
.con05_rt { float: none; max-width: 100%; margin-top: 4%; }
.con05_lt .txt h2 { font-size: 36px; line-height: 1.5em; }
.con05_lt .txt h3 { font-size: 18px; line-height: 1.5em; 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; }
}
/**/





/*Add------------------------------------------------------------------------------*/

.weizhibg { background: #D9E1E4; }
.weizhi { height: 50px; line-height: 50px; color: #666; }
.weizhi a { color: #666; }
@media(max-width:1070px) {
.weizhibg { padding: 0 4%; }
}
/**/
.proC1bg { position: relative; }
.proC1bg:before { content: ""; width: 100%; height: 100%; background: rgba(55, 59, 61, 0.60); position: absolute; top: 0; left: 0; z-index: 1; }
.proC1 { position: relative; z-index: 2; padding: 4% 0; color: #fff; }
.proC1 .lt { float: left; width: 90%; }
.proC1 .lt h2 { font-weight: normal; font-size: 50px; line-height: 1.5em; }
.proC1 .lt h3 { font-weight: normal; font-size: 16px; line-height: 1.5em; margin-top: 4%; }
.proC1 .lt h3 a { color: #B01C33; }
.proC1 .lt h3 a:hover { color: #F6BF35; }
.proC1 .rt { float: right; width: 38%; }
.proC1 .rt .box { padding: 20px 30px; text-align: center; color: #333; border-radius: 0 6px 0 6px; background: #FEF8EA; -webkit-box-shadow: 3px 3px 1px 0 rgba(254,248,234,0.2); box-shadow: 3px 3px 1px 0 rgba(254,248,234,0.2); }
.proC1 .rt .box h2 { font-weight: bold; font-size: 20px; line-height: 1.5em; color: #0060aa; }
.proC1 .rt .box .img { margin-top: 4%; }
.proC1 .rt .box .img img { max-width: 100%; }
.proC1 .rt .box h3 { font-weight: normal; font-size: 18px; line-height: 1.5em; margin-top: 4%; }
.proC1 .rt .box .more5 { margin-top: 4%; }
.proC1 .rt h4 { font-weight: normal; font-size: 16px; line-height: 1.5em; margin-top: 4%; text-align: center; }
.proC1 .rt h4 a { color: #fff; }
.proC1 .rt h4 a:hover { color: #F6BF35; }
/**/
.proC2bg { padding: 50px 0; -webkit-box-shadow: 0 19px 20px 0 rgba(55,59,61,0.1); box-shadow: 0 19px 20px 0 rgba(55,59,61,0.1); }
.proC2 { overflow: hidden; }
.proC2 ul { width: 1250px; }
.proC2 ul li { float: left; width: 585px; margin: 10px 15px 10px 0; background: #FEF8EA; }
.proC2 ul li .box { padding-left: 240px; min-height: 240px; position: relative; }
.proC2 ul li .img { background: #fff; border: 1px solid #DEDEDE; width: 240px; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; text-align: center; }
.proC2 ul li .img img { max-width: 100%; margin: 0 auto; }
.proC2 ul li .txt { padding: 4% 4%; }
.proC2 ul li .txt h2 { font-weight: bold; font-size: 20px; line-height: 1.5em; height: 1.5em; overflow: hidden; }
.proC2 ul li .txt h3 { font-weight: normal; font-size: 15px; line-height: 1.5em; height: 4.5em; overflow: hidden; margin-top: 4%; }
.proC2 ul li .txt .more4 { text-align: left; }
/**/
.proC3bg { padding: 50px 0; }
.proC3 { overflow: hidden; }
.proC3 .list { }
.proC3 .list ul li { float: left; width: 32%; margin: 2% 2% 0 0; }
.proC3 .list ul li:nth-child(3n) { margin-right: 0; }
.proC3 .list ul li .box { border-radius: 0 0 6px 0; transition: all .3s ease; border: 1px solid #dedede; -webkit-box-shadow: 3px 3px 1px 0 rgba(111,143,157,0.2); box-shadow: 3px 3px 1px 0 rgba(111,143,157,0.2); }
.proC3 .list ul li:hover .box { -webkit-transform: translateY(-3px); transform: translateY(-3px); -webkit-box-shadow: 0 1px 6px 0px #D8D8D8; box-shadow: 0 1px 6px 0px #D8D8D8; transition: all .3s ease; }
.proC3 .list ul li .img { height: 160px; position: relative; }
.proC3 .list ul li .img img { max-width: 100%; max-height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; }
.proC3 .list ul li .txt { background: #FEF8EA; padding: 20px 30px; }
.proC3 .list ul li .txt h2 { font-weight: bold; font-size: 18px; line-height: 1.5em; color: #B01C33; }
.proC3 .list ul li .txt h3 { font-weight: normal; font-size: 16px; line-height: 1.5em; color: #666; margin-top: 4%; }
.more9 { font-weight: bold; font-size: 16px; line-height: 1.5em; color: #0060aa; margin-top: 4%; text-decoration: underline; }
@media(max-width:1070px) {
.proC1 { width: 92%; padding: 4% 4%; }
.proC1 .lt { float: none; width: 100%; }
.proC1 .lt h2 { font-size: 45px; line-height: 1.5em; }
.proC1 .lt h3 { font-size: 14px; line-height: 1.5em; margin-top: 4%; }
.proC1 .rt { float: none; width: 100%; margin-top: 8%; }
.proC1 .rt .box h2 { font-size: 18px; line-height: 1.5em; }
.proC1 .rt .box h3 { font-size: 16px; line-height: 1.5em; margin-top: 4%; }
/**/
.proC2bg { padding: 8% 4%; }
.proC2 ul { width: 100%; }
.proC2 ul li { float: none; width: 100%; margin: 2% 0 2% 0; }
.proC2 ul li .box { padding-left: 0; min-height: 0; }
.proC2 ul li .img { width: auto; height: auto; position: static; }
.proC2 ul li .txt { padding: 4% 4%; }
.proC2 ul li .txt h2 { font-size: 18px; line-height: 1.5em; height: 1.5em; }
.proC2 ul li .txt h3 { font-size: 13px; line-height: 1.5em; height: 4.5em; margin-top: 4%; }
/**/
.proC3bg { padding: 8% 4%; }
.proC3 .list ul li { float: none; width: 100%; margin: 2% 0 2% 0; }
.proC3 .list ul li .txt h2 { font-size: 16px; line-height: 1.5em; }
.proC3 .list ul li .txt h3 { font-size: 14px; line-height: 1.5em; margin-top: 4%; }
}
/**/



/**/
.tit4 { }
.tit4 h2 { font-weight: bold; font-size: 30px; line-height: 1.5em; }
.proD1bg { padding: 50px 0; }
.proD1 { overflow: hidden; }
.proD1 .boxbg { margin-top: 30px; }
.proD1 .list { }
.proD1 .list ul li { float: left; width: 32%; margin: 2% 2% 0 0; }
.proD1 .list ul li:nth-child(3n) { margin-right: 0; }
.proD1 .list ul li .box { border-radius: 0 0 6px 0; transition: all .3s ease; border: 1px solid #dedede; -webkit-box-shadow: 3px 3px 1px 0 rgba(111,143,157,0.2); box-shadow: 3px 3px 1px 0 rgba(111,143,157,0.2); }
.proD1 .list ul li:hover .box { -webkit-transform: translateY(-3px); transform: translateY(-3px); -webkit-box-shadow: 0 1px 6px 0px #D8D8D8; box-shadow: 0 1px 6px 0px #D8D8D8; transition: all .3s ease; }
.proD1 .list ul li .img { height: 160px; position: relative; }
.proD1 .list ul li .img img { max-width: 100%; max-height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; }
.proD1 .list ul li .txt { background: #FEF8EA; padding: 20px 30px; }
.proD1 .list ul li .txt h2 { font-weight: bold; font-size: 18px; line-height: 1.5em; height:1.5em; overflow:hidden; color: #0060aa; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.proD1 .list ul li .txt h3 { font-weight: normal; font-size: 16px; line-height: 1.5em; color: #666; margin-top: 4%; }
/**/
.proD2bg { padding: 50px 0; }
.proD2 { }
.proD2 ul li { padding: 30px 0; border-bottom: 1px solid #ededed; }
.proD2 ul li h2 { font-weight: bold; font-size: 25px; line-height: 1.5em; color: #B01C33; }
.proD2 ul li h3 { font-weight: normal; font-size: 16px; line-height: 1.5em; margin-top: 10px; }
.proD2 ul li dl dd { font-size: 16px; line-height: 1.5em; margin-top: 10px; }
.proD2 ul li dl dd a { color: #B01C33; }
.proD2 ul li dl dd a:hover { color: #F6BF35; }
@media(max-width:1070px) {
.proD1bg { padding: 8% 4%; }
.proD1 .list ul li { float: none; width: 100%; margin: 2% 0 2% 0; }
.proD1 .list ul li .txt h2 { font-size: 16px; line-height: 1.5em; }
.proD1 .list ul li .txt h3 { font-size: 14px; line-height: 1.5em; margin-top: 4%; }
/**/
.proD2bg { padding: 4% 4%; }
.proD2 { }
.proD2 ul li { padding: 15px 0; }
.proD2 ul li h2 { font-size: 22px; line-height: 1.5em; }
.proD2 ul li h3 { font-size: 14px; line-height: 1.5em; }
.proD2 ul li dl dd { font-size: 14px; line-height: 1.5em; margin-top: 10px; }
}
/**/



/**/
.insidebg { padding: 30px 0 50px 0; }
.inside { }
@media(max-width:1070px) {
.insidebg { padding: 30px 4% 50px 4%; }
}
/**/




/**/
.servicebg { padding: 30px 0 50px 0; }
.service { }
.ser_lt { float: left; width: 25%; }
.side_a { border: 1px solid #0060aa; border-radius: 0 6px 0 6px; -webkit-box-shadow: 3px 3px 1px 0 rgba(111,143,157,0.2); box-shadow: 3px 3px 1px 0 rgba(111,143,157,0.2); }
.side_a h2 { font-weight: bold; font-size: 18px; line-height: 1.5em; padding: 20px 30px; }
.side_a h2 span { display: inline-block; border-bottom: 2px solid #0060aa; }
.side_a .list { }
.side_a .list ul li { height: 44px; line-height: 44px; overflow: hidden; font-size: 14px; }
.side_a .list ul li a { color: #333; display: block; padding: 0 30px; }
.side_a .list ul li:hover a, .side_a .list ul li.on a { background: #0060aa; color: #fff; font-weight: bold; }
.side_b { border: 1px solid #F6BF35; margin-top: 30px; border-radius: 0 6px 0 6px; -webkit-box-shadow: 3px 3px 1px 0 rgba(111,143,157,0.2); box-shadow: 3px 3px 1px 0 rgba(111,143,157,0.2); }
.side_b ul li { padding: 20px 30px; }
.side_b ul li .img { }
.side_b ul li .img img { display: block; width: 100%; }
.ser_rt { float: right; width: calc(75% - 100px); }
.ser_rt .txt1 { }
.ser_rt .tit4 { margin-top: 30px; }
.ser_rt .txt2 { margin-top: 10px; }
.ser_rt .txt2 ul li { font-size: 16px; line-height: 1.5em; margin-bottom: 5px; }
.ser_rt .txt2 ul li a { color: #B01C33; text-decoration: underline; }
.ser_rt .txt2 ul li a:hover { color: #F6BF35; }
@media(max-width:1070px) {
.servicebg { padding: 30px 4% 50px 4%; }
.ser_lt { float: none; width: 100%; margin-top: 50px; }
.ser_rt { float: none; width: 100%; }
}
/**/


/**/
.aboutusbg { padding: 30px 0 50px 0; }
.aboutus { }
.aboutus_lt { float: left; width: 25%; }
.side_c { border: 1px solid #0060aa; margin-top: 30px; border-radius: 0 6px 0 6px; -webkit-box-shadow: 3px 3px 1px 0 rgba(111,143,157,0.2); box-shadow: 3px 3px 1px 0 rgba(111,143,157,0.2); }
.side_c ul li { padding: 20px 30px; }
.side_c ul li h2 { font-weight: bold; font-size: 18px; line-height: 1.5em; }
.side_c ul li .more5 { margin-top: 4%; }
.aboutus_rt { float: right; width: calc(75% - 100px); }
.aboutus_rt .txt1 { }
.aboutus_rt .tit4 { margin-top: 30px; }
.aboutus_rt .txt2 { margin-top: 10px; }
.aboutus_rt .txt2 ul li { font-size: 16px; line-height: 1.5em; margin-bottom: 5px; }
.aboutus_rt .txt2 ul li a { color: #B01C33; text-decoration: underline; }
.aboutus_rt .txt2 ul li a:hover { color: #F6BF35; }
@media(max-width:1070px) {
.servicebg { padding: 30px 4% 50px 4%; }
.aboutus_lt { float: none; width: 100%; margin-top: 50px; }
.aboutus_rt { float: none; width: 100%; }
}
/**/


/**/
.tit5 { text-align: center; }
.tit5 h2 { font-weight: bold; font-size: 40px; line-height: 1.5em; }
.tit5 h3 { font-weight: normal; font-size: 16px; line-height: 1.5em; margin-top: 10px; }
.contactbg { padding: 30px 0 50px 0; }
.contact { }
.contact .list { margin-top: 30px; }
.contact .list .lt { float: left; width: 29%; }
.contact .list .lt a { color: #B01C33; }
.contact .list .lt a:hover { color: #F6BF35; }
.contact .list .lt h2 { font-weight: bold; font-size: 16px; line-height: 1.5em; margin-bottom: 10px; }
.contact .list .lt h2 a { }
.contact .list .lt h3 { font-weight: normal; font-size: 16px; line-height: 1.5em; margin-bottom: 30px; }
.contact .list .lt h3 a { display: block; }
.contact .list .lt ul { margin-bottom: 30px; }
.contact .list .lt ul li { font-size: 16px; line-height: 1.5em; }
.contact .list .lt ul li a { display: block; }
.contact .list .rt { float: right; width: calc(75% - 100px); }
.contact .list .rt .box { background: rgba(216,216,216,0.2); padding: 20px; }
.contact .list .rt table td { width: 46%; padding: 10px 2%; }
.contact .list .rt strong { display: block; font-size: 16px; line-height: 1.5em }
.contact .list .rt .text1 { border: none; width: 96%; padding: 0 2%; height: 40px; line-height: 40px; background: #fff; }
.contact .list .rt .text2 { border: none; width: 96%; padding: 0 2%; height: 100px; line-height: 25px; background: #fff; }
.contact .list .rt label { font-weight: bold; font-size: 16px; line-height: 1.5em; }
.contact .list .rt h3 { font-weight: normal; font-size: 16px; line-height: 1.5em; }
.contact .list .rt .more4 { text-align: left; }
@media(max-width:1070px) {
.tit5 h2 { font-size: 36px; line-height: 1.5em; }
.contactbg { padding: 30px 4% 50px 4%; }
.contact .list .lt { float: none; width: 100%; }
.contact .list .rt { float: none; width: 100%; }
}
/**/























/**/