:root {
	--main-color: #076ce0;
	--main-color1: #f60;
	--main-color-white: #ffffff;
	--main-color-555: #555555;
	--main-color-999: #999999;
	--main-color-666: #666666;
	--main-color-333: #333333;
	--main-color-888: #888888;
	--main-color-222: #222222;
	--main-transition: all ease 0.4s;
	--main-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
/*common start*/
body, div, ul, li, a, img, p, dl, dt, dd, h1, h2, h3, h4, span, strong, input, button { 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: #076ce0; text-decoration: none; }
p { line-height: 1.5em; padding: 5px 0; }
.clear { margin: 0; padding: 0; font-size: 0; clear: both; }
.wapper { width: 1521px; margin: 0 auto; }
input, textarea, select { outline: none }
/*common end*/


.headbg { width: 100%; background: #fff; position: fixed; z-index: 55; top: 0; left: 0; }
.head_box { }
.menubg { width: 100%; height: 445px; background: #fff; position: absolute; top: 0; left: 0; display: none; }
.head { height: 72px; }
.head .logo { float: left; width:27%; height: 72px; position: relative; }
.head .logo img { max-width: 100%; max-height: 100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0;}
/*menu*/
.menu { height: 72px; float: right;padding-right: 130px; }
.menu ul li { float: left; position: relative; height: 34px; padding: 19px 15px; line-height: 30px; position: relative; box-sizing: content-box;}
.menu ul li dl { width: 100%; min-width:125px; position: absolute; left: 50%; transform:translateX(-50%); top: 100%; display: none; background: #fff; box-shadow:0 0 5px rgba(0,0,0,.1);}
.menu ul li dl dd { position:relative;}
.menu ul li dl dd a { font-size: 14px; line-height:22px; padding:5px 5px; color: #666; border-bottom: none; }
.menu ul li dl dd a:hover { color: #076ce0; }
.menu ul li dl dd dl{ position:absolute; top:0; left:100%; transform:translateX(0); display:none;}
.menu ul li dl dd:hover dl{ display:block;}
.menu a { font-size: 16px; color: #666; text-decoration: none; display: block; text-align: center; border-bottom: 4px solid transparent; }
.menu a:hover { color: #333; }
a.menu_hover { color: #333; border-bottom: 4px solid #076ce0; }
.h_height { height: 72px; }
 @media(max-width:1024px) {
.h_height { height: 60px; }
.wapper { width: 100%; }
.headbg { display: none; }
}
.head_mbg { width: 100%; background: #fff; position: fixed; z-index: 55; top: 0; left: 0; display: none; }
.head_m { height: 60px; position: relative; }
.head_m .logo { float: left; width: 60%; height: 60px; position: relative; margin-left: 4%; }
.head_m .logo img { max-width: 100%; max-height: 90%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto 0; }
.nav_open { height: 40px; line-height: 40px; text-align: center; position: absolute; z-index: 2; top: 10px; right: 4%; }
.nav_open i { font-size: 20px; vertical-align: middle; color: #076ce0; }
.navbg { width: 100%; height: 100%; background: #fff; position: fixed; top: 0; left: 0; z-index: 666; display: none; }
.nav { padding: 40px 5% 60px 5%; position: relative; }
.nav_close { height: 40px; line-height: 40px; text-align: center; position: absolute; right: 4%; top: 10px; }
.nav_close i { font-size: 20px; vertical-align: middle; color: #076ce0; }
.nav_list { height: calc(100vh - 100px); overflow-Y:auto; }
.tree_one{ display: none; overflow: hidden; }
.tree_box h3 { font-weight: normal; font-size: 16px; height: 49px; line-height: 49px; overflow: hidden; margin: 0; position: relative; border-bottom: 1px solid #eee; }
.tree_box h3 a { color: #333; position: relative; z-index: 10; }
.tree_box h3 a:hover { color: #cc0000; }
.tree_box h3 span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-align: right; }
.tree_box h4 { font-weight: normal; font-size: 14px; position: relative; height: 39px; line-height: 39px; overflow: hidden; margin: 0 0 0 20px; border-bottom: 1px solid #eee; }
.tree_box h4 a { color: #666; position: relative; z-index: 10; }
.tree_box h4 a:hover { color: #cc0000; }
.tree_box h5 { font-weight: normal; font-size: 14px; position: relative; height: 39px; line-height: 39px; overflow: hidden; margin: 0 0 0 40px; border-bottom: 1px solid #eee; }
.tree_box h5 a { color: #666; position: relative; z-index: 10; }
.tree_box h5 a:hover { color: #cc0000; }
 @media(max-width:1024px) {
.head_mbg { display: block; }
}
.swiper-container1 .swiper-slide img { width: 100%; display: block; }
.swiper-container1 .swiper-button-prev1, .swiper-container1 .swiper-button-next1 { width: 71px; height: 71px; margin-top: -35px; }
.swiper-container1 .swiper-button-prev1 { background: rgba(0,0,0,.1) url(../images/left.png) center no-repeat; }
.swiper-container1 .swiper-button-next1 { background: rgba(0,0,0,.1) url(../images/right.png) center no-repeat; }
.swiper-container1 .swiper-pagination1 { bottom: 10 !important; }
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet { width: 10px; height: 10px; background: #000; opacity: 0.1; }
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet-active { background: #fff; opacity: 1; }
 @media(max-width:768px) {
.swiper-container1 .swiper-button-prev1, .swiper-container1 .swiper-button-next1 { display: none; }
}
.tit1 { background: url(../images/tit1bg.jpg) left center no-repeat; padding-left: 20px; }
.tit1 h2 { font-weight: normal; line-height: 34px; height: 34px; }
.tit1 h2 strong { font-weight: bold; font-size: 34px; }
.tit1 h2 span { font-weight: normal; font-size: 14px; color: #999; margin-left: 15px; }
.con01bg { padding: 120px 0 120px 0; }
.con01 .lt { float: left; width: 600px; margin-top: 60px; }
.con01 .lt .list { padding-left: 20px; }
.con01 .lt .list .txt { font-size: 14px; line-height: 2em; color: #999; margin-top: 60px; }
.more1 { margin-top: 40px; }
.more1 a { display: inline-block; text-align: center; border: 1px solid #076ce0; color: #076ce0; width: 168px; height: 48px; line-height: 48px; font-size: 14px; }
.more1 a:hover { background: #076ce0; color: #fff; }
.con01 .rt { float: right; width: 512px; }
.con01 .rt .imgbg { padding: 0 30px 40px 0; background: url(../images/c1_1bg.jpg) right bottom no-repeat; background-size: calc(100% - 60px) calc(100% - 80px); }
.con01 .rt .img img { display: block; width: 100%; }
 @media(max-width:1024px) {
.con01 .lt { width: 49%; }
.con01 .rt { width: 49%; }
}
 @media(max-width:768px) {
.con01bg { padding: 60px 4% 60px 4%; }
.con01 .lt { float: none; width: 100%; margin-top: 0; }
.con01 .lt .list .txt { margin-top: 30px; }
.more1 { margin-top: 35px; }
.con01 .rt { float: none; width: 100%; margin-top: 40px; }
.con01 .rt .imgbg { background-size: calc(100% - 30px) calc(100% - 40px); }
}
.tit2 { text-align: center; }
.tit2 h2 { font-weight: normal; font-size: 32px; line-height: 1em; }
.tit2 h3 { font-weight: normal; font-size: 14px; line-height: 1em; color: #999; margin-top: 20px; }
.con02bg { padding: 120px 0 120px 0; color: #fff; }
.con02 .tit2 h3 { color: #fff; }
.con02 .list { margin-top: 60px; }
.con02 .list ul li { float: left; width: 216px; margin: 0 30px 0 0; }
.con02 .list ul li:nth-child(6n) { margin-right: 0; }
.con02 .list ul li .img { padding-bottom: 100%; }
.con02 .list ul li .txt { padding: 30px 0; text-align: left; }
.con02 .list ul li .txt h2 { font-weight: normal; font-size: 60px; line-height: 60px; color: rgba(55, 85, 128, 0.882); }
.con02 .list ul li .txt h3 { font-weight: normal; font-size: 24px; line-height: 30px; height: 30px; overflow: hidden; padding-right: 30px;  color: #fff; margin-top: -35px; }
.con02 .list_m { display: none; }
 @media(max-width:1024px) {
.con02 .list ul li { float: left; width: 18%; margin: 0 1%; }
}
 @media(max-width:768px) {
.con02bg { padding: 60px 4% 60px 4%; color: #fff; }
.con02 .list { margin-top: 20px; text-align: center; }
.con02 .list ul li {/* float: none; display: inline-block;*/ width: 48%; margin: 20px 4% 0 0; }
.con02 .list ul li:nth-child(6n) { margin-right: 3%; }
.con02 .list ul li:nth-child(2n) { margin-right: 0; }
.con02 .list ul li .img { padding-bottom: 70%; }
.con02 .list ul li .txt { padding: 15px 0; }
.con02 .list ul li .txt { padding: 5px 0; }
.con02 .list ul li .txt h2 { font-size: 50px; line-height: 50px; }
.con02 .list ul li .txt h3 { font-size: 20px; line-height: 30px; height: 30px; margin-top: -30px; }
.con02 .list_pc { display: none; }
.con02 .list_m { display: block; }
}
.con03bg { padding: 120px 0 120px 0; }
.con03 .list { margin-top: 60px; }
.con03 .list ul li { float: left; width: calc((100% - 60px)/4); margin: 0 20px 0 0; }
.con03 .list ul li:nth-child(4n) { margin-right: 0; }
.con03 .list ul li a { display: block; border: 1px solid #eee; }
.con03 .list ul li .img { padding-bottom: 60%; }
.con03 .list ul li .txt { padding: 15px 20px; }
.con03 .list ul li .txt h2 { font-weight: normal; font-size: 16px; line-height: 1.5em; height: 1.5em; overflow: hidden; color: #333; }
.con03 .list ul li:hover .txt h2 { color: #076ce0; }
.con03 .list ul li .txt h3 { font-weight: normal; font-size: 14px; line-height: 1.5em; height: 1.5em; overflow: hidden; color: #999; margin-top: 10px; }
 @media(max-width:768px) {
.con03bg { padding: 60px 4% 60px 4%; }
.con03 .list { margin-top: 30px; text-align: center; }
.con03 .list ul li { float: left; width: 48%; margin: 15px 4% 0 0; }
.con03 .list ul li:nth-child(4n) { margin-right: 4%; }
.con03 .list ul li:nth-child(2n) { margin-right: 0; }
.con03 .list ul li .txt h3 { display: none; }
.con03 .list ul li .txt { padding: 10px 15px; }
.con03 .list ul li .txt h2 { font-size: 12px; line-height: 1.5em; height: 1.5em; overflow: hidden; }
}
.con04bg { padding: 120px 0 120px 0; }
.con04 .list { margin-top: 60px; overflow: hidden; }
.con04 ul {/* overflow: hidden; margin-top: 10px; */}
/*.con04 ul li { float: left; width: calc((100% - 80px)/5); margin-right: 20px; box-sizing: border-box; }
.con04 ul li:nth-child(5n) { margin-right: 0px; }*/
.con04 ul li .img img { max-width: 100%; max-height: 100%; display: block; margin-top: 20px; /* position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;*/ }
 @media(max-width:768px) {
.con04bg { padding: 60px 4% 60px 4%; }
/*.con04 ul li { width: calc((100% - 20px)/3); margin-right: 10px; box-sizing: border-box; }
.con04 ul li:nth-child(5n) { margin-right: 10px; }
.con04 ul li:nth-child(3n) { margin-right: 0px; }*/
}
.foot { background: #004491; }
.foot1bg { padding: 60px 0; }
.foot1 .lt { float: left; }
.foot1 .lt .f_logo { float:left; margin-right:10px;}
.foot1 .lt .f_logo img { display: block; max-width: 300px; }
.foot1 .lt .f_tel { float:left;}
.foot1 .lt .f_tel h2 { font-weight: normal; font-size: 14px; line-height: 1.5em; color: #fff; display: inline-block; text-align: center; }
.foot1 .lt .f_tel h2 b { display: block; font-size: 36px; line-height: 1em; color: #fff; }
.foot1 .rt { float: right; }
.foot1 .rt dl { float: left; margin-left: 60px; max-width:220px;}
.foot1 .rt dl dt { font-size: 14px; line-height: 1.5em; margin-bottom: 1em; }
.foot1 .rt dl dt a { color: #fff; }
.foot1 .rt dl dd { font-size: 14px; line-height: 1.5em; margin: .5em 0; }
.foot1 .rt dl dd a { color: #aaa; }
.foot2bg { background: #004491; padding: 30px 0; }
.foot2 { font-size: 12px; line-height: 1.5em; text-align: center; color: #fff; }
.foot2 a { color: #aaa; }
 @media(max-width:1024px) {
.foot1 .lt { float: none; width: 100%; text-align: center; }
.foot1 .lt .f_logo { }
.foot1 .lt .f_logo img { margin: 0 auto; max-width: 300px; }
.foot1 .lt .f_tel { margin-top: 15px; }
.foot1 .lt .f_tel h2 { display: block; }
.foot1 .rt { float: none; width: 100%; margin-top: 30px; }
}
 @media(max-width:768px) {
.foot1bg { padding: 30px 4%; }
.foot1 .lt { float: none; width: 100%; }
.foot1 .lt .f_logo { margin-top: 0; }
.foot1 .lt .f_logo img { margin: 0 auto; }
.foot1 .lt .f_tel { margin-top: 15px; }
.foot1 .lt .f_tel h2 { display: block; }
.foot1 .rt { display: none; }
.foot2bg { padding: 15px 4%; }
}
.btn_top { position: fixed; z-index: 666; right: 50px; bottom: 50px; }
.btn_top img { display: block; width: 50px; }
 @media(max-width:768px) {
.btn_top { right: 0px; bottom: 0px; }
.btn_top img { width: 40px; }
}
/*Add------------------------------------------------------------------------------*/

.inbanner { position: relative; }
.inbanner img { display: block; width: 100%; }
.inbanner_txt { width: 92%; padding: 0 4%; height: 100%; position: absolute; top: 0; left: 0; text-align: center; }
.inbanner_txt table, .inbanner_txt table td { height: 100%; }
.inbanner_txt h2 { max-width: 1200px; margin: 0 auto; font-weight: normal; font-size: 20px; line-height: 1.5em; max-height: 3em; overflow: hidden; }
.inside { padding-bottom: 60px; }
 @media(max-width:768px) {
.inbanner_txt { display: none; }
}
.tit5 { text-align: center; padding: 60px 0px; }
.tit5 h2 { font-weight: normal; font-size: 32px; line-height: 1em; }
.tit5 h3 { font-weight: normal; font-size: 14px; line-height: 1em; color: #999; margin-top: 20px; }
 @media(max-width:768px) {
.tit5 { padding: 30px 0px; }
}
.aboutus1bg { padding: 0 0 150px 0; }
.aboutus1 .lt { float: left; width: 660px; }
.aboutus1 .lt .img img { display: block; width: 100%; }
.aboutus1 .rt { float: right; width: 440px; margin-top: 60px; }
.aboutus1 .rt .list { padding-left: 20px; }
.aboutus1 .rt .list .txt { font-size: 14px; line-height: 2em; color: #999; margin-top: 60px; }
.aboutus2bg { padding: 0 0 150px 0; }
.aboutus2 ul li { float: left; width: 200px; padding: 0 50px; text-align: center; background: url(../images/listbg1.jpg) left center no-repeat; }
.aboutus2 ul li:nth-child(1) { background: none; }
.aboutus2 ul li h2 { font-weight: normal; font-size: 14px; color: #999; line-height: 60px; height: 60px; }
.aboutus2 ul li h2 b { font-weight: normal; font-size: 60px; color: #333; }
.aboutus2 ul li h3 { font-weight: normal; font-size: 14px; line-height: 1.5em; color: #999; }
 @media(max-width:1024px) {
.aboutus1 .lt { width: 49%; }
.aboutus1 .rt { width: 49%; }
}
 @media(max-width:768px) {
.aboutus1bg { padding: 60px 4% 60px 4%; }
.aboutus1 .lt { float: none; width: 100%; }
.aboutus1 .rt { float: none; width: 100%; margin-top: 30px; }
.aboutus2bg { padding: 0 4% 60px 4%; }
.aboutus2 ul li { float: left; width: 50%; padding: 0 5%; margin: 2% 0; }
.aboutus2 ul li:nth-child(2n-1) { background: none; }
.aboutus2 ul li h2 { font-size: 14px; }
.aboutus2 ul li h2 b { font-size: 50px; }
}
.newsbg { padding: 0px 0 120px 0; }
.news .box1 .lt { float: left; width: 560px; position: relative; }
.news .box1 .lt .img img { display: block; width: 100%; }
.news .box1 .lt .txt { width: 100%; background: rgba(0,0,0,.5); position: absolute; bottom: 0; left: 0; display: none; }
.news .box1 .lt:hover .txt { display: block; }
.news .box1 .lt .txt h2 { font-weight: normal; font-size: 14px; line-height: 2em; height: 2em; overflow: hidden; color: #fff; text-align: center; }
.news .box1 .rt { float: right; width: 580px; }
.news .box1 .rt ul li { position: relative; min-height: 84px; margin-top: 29px; padding-top: 29px; border-top: 1px dashed #e5e5e5; }
.news .box1 .rt ul li:nth-child(1) { border-top: none; margin-top: 0; padding-top: 0; }
.news .box1 .rt ul li .rq { width: 84px; height: 84px; position: absolute; top: 25px; left: 0; background: #f2f2f2; }
.news .box1 .rt ul li:nth-child(1) .rq { top: 0; }
.news .box1 .rt ul li .rq h2 { font-weight: normal; font-size: 14px; line-height: 1em; color: #999; text-align: center; padding-top: 23px; }
.news .box1 .rt ul li .rq h2 b { font-weight: normal; display: block; font-size: 24px; line-height: 1em; color: #666; }
.news .box1 .rt ul li .nr { padding-left: 100px; }
.news .box1 .rt ul li .nr h2 { font-weight: normal; font-size: 16px; line-height: 1.5em; height: 1.5em; overflow: hidden; }
.news .box1 .rt ul li .nr h2 a { color: #333; }
.news .box1 .rt ul li:hover .nr h2 a { color: #076ce0; }
.news .box1 .rt ul li .nr h3 { font-weight: normal; font-size: 14px; line-height: 1.5em; height: 3em; overflow: hidden; color: #999; margin-top: 10px; }
.news .box2 { margin-top: 30px; }
.news .box2 ul li { padding: 29px 0; border-top: 1px dashed #e5e5e5; }
.news .box2 ul li:nth-child(1) { border-top: none; }
.news .box2 ul li h2 { font-weight: normal; font-size: 16px; line-height: 30px; height: 30px; }
.news .box2 ul li h2 a { color: #333; float: left; width: 80%; height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; }
.news .box2 ul li:hover h2 a { color: #076ce0; }
.news .box2 ul li h2 span { color: #666; float: right; }
.news .box2 ul li h3 { font-weight: normal; font-size: 14px; line-height: 1.5em; color: #999; }
.news .box2 ul li h4 { font-weight: normal; font-size: 12px; line-height: 1em; margin-top: 10px; }
.news .box2 ul li h4 a { display: inline-block; height: 20px; line-height: 20px; padding: 0 8px; border: 1px solid #dadada; color: #999; border-radius: 50px; }
.news .box2 ul li h4 a:hover { background: #bababa; color: #fff; }
 @media(max-width:1024px) {
.news .box1 .lt { width: 49%; }
.news .box1 .rt { width: 49%; }
}
 @media(max-width:768px) {
.newsbg { padding: 0px 4% 40px 4%; }
.news .box1 .lt { float: none; width: 100%; }
.news .box1 .rt { float: none; width: 100%; margin-top: 30px; }
.news .box2 ul li h2 { height: auto; }
.news .box2 ul li h2 a { float: none; display: block; width: 100%; }
.news .box2 ul li h2 span { float: none; display: block; }
}
.tit3 { padding-bottom: 10px; border-bottom: 1px solid #f0efef; }
.tit3 h2 { font-weight: normal; font-size: 26px; line-height: 1.5em; }
.tit3 h3 { font-weight: normal; font-size: 14px; line-height: 1.5em; color: #999; margin-top: 10px; }
.tit4 { padding-top: 10px; border-top: 1px solid #f0efef; }
.tit4 ul li { font-size: 14px; line-height: 2em; height: 2em; overflow: hidden; }
.newsDetailbg { padding: 60px 0 150px 0; }
.newsDetail .list { margin-top: 30px; margin-bottom: 30px; }
 @media(max-width:768px) {
.newsDetailbg { padding: 30px 4% 75px 4%; }
}
.about2_1bg { padding: 120px 0 150px 0; }
.about2_1 .lt { float: left; width: 588px; margin-top: 60px; }
.about2_1 .lt .imgbg { padding: 0 0 40px 30px; background: url(../images/c1_1bg.jpg) left bottom no-repeat; background-size: calc(100% - 60px) calc(100% - 80px); }
.about2_1 .lt .img { }
.about2_1 .lt .img img { display: block; width: 100%; }
.about2_1 .rt { float: right; width: 600px; margin-top: 120px; }
.about2_1 .rt .list { padding-left: 20px; }
.about2_1 .rt .list .txt { font-size: 14px; line-height: 2em; color: #999; margin-top: 60px; }
 @media(max-width:768px) {
.about2_1bg { padding: 60px 4% 75px 4%; }
.about2_1 .lt { float: none; width: 100%; margin-top: 30px; }
.about2_1 .lt .imgbg { background-size: calc(100% - 30px) calc(100% - 40px); }
.about2_1 .rt { float: none; width: 100%; margin-top: 60px; }
}
.about2_2bg { padding: 120px 0 150px 0; }
.about2_2 .list { margin-top: 60px; }
.slideTxtBox_01 .hd { float: left; width: 220px; }
.slideTxtBox_01 .hd ul li { background: #f3f6f8; line-height: 70px; height: 70px; overflow: hidden; text-align: center; font-size: 16px; border-top: 1px solid #fff; }
.slideTxtBox_01 .hd ul li:nth-child(1) { border-top: none; }
.slideTxtBox_01 .hd ul li a { display: block; color: #666; }
.slideTxtBox_01 .hd ul li.on a { background: #076ce0; color: #fff; }
.slideTxtBox_01 .bd { float: right; width: 920px; }
.slideTxtBox_01 .bd .box1 .lt { float: left; width: 460px; }
.slideTxtBox_01 .bd .box1 .lt img { display: block; width: 100%; }
.slideTxtBox_01 .bd .box1 .rt { float: right; width: 420px; }
.slideTxtBox_01 .bd .box1 .rt h2 { font-weight: normal; font-size: 24px; line-height: 1.5em; margin-top: 30px; }
.slideTxtBox_01 .bd .box1 .rt h3 { font-weight: normal; font-size: 14px; line-height: 2em; margin-top: 20px; color: #666; }
.more2 { margin-top: 30px; }
.more2 a { display: inline-block; padding: 0 20px; height: 36px; line-height: 36px; border: 1px solid #076ce0; color: #076ce0; font-size: 16px; text-align: center; }
.more2 a:hover { background: #076ce0; color: #fff; }
 @media(max-width:768px) {
.about2_2bg { padding: 60px 4% 75px 4%; }
.about2_2 .list { margin-top: 30px; }
.slideTxtBox_01 .hd { float: none; width: 100%; height: 50px; }
.slideTxtBox_01 .hd ul li { float: left; width: 33%; line-height: 50px; height: 50px; font-size: 12px; border-left: 1px solid #fff; border-top: none; }
.slideTxtBox_01 .hd ul li:nth-child(1) { border-left: none; }
.slideTxtBox_01 .bd { float: none; width: 100%; }
.slideTxtBox_01 .bd .box1 .lt { float: none; width: 100%; }
.slideTxtBox_01 .bd .box1 .rt { float: none; width: 100%; }
.slideTxtBox_01 .bd .box1 .rt h2 { margin-top: 15px; }
.slideTxtBox_01 .bd .box1 .rt h3 { margin-top: 10px; }
}
.cooperationbg { padding: 120px 0 150px 0; }
.cooperation .list { margin-top: 60px; }
.cooperation .list ul li { float: left; width: 224px; margin: 0 20px 0 0; background: #126cd3; color: #fff; text-align: center; border-radius: 5px; padding: 50px 0; }
.cooperation .list ul li:nth-child(5n) { margin-right: 0; }
.cooperation .list ul li .img { height: 60px; position: relative; }
.cooperation .list ul li .img img { max-width: 100%; max-height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; }
.cooperation .list ul li h2 { font-weight: normal; font-size: 16px; line-height: 2em; height: 2em; overflow: hidden; margin-top: 30px; }
 @media(max-width:768px) {
.cooperationbg { padding: 60px 4% 75px 4%; }
.cooperation .list { margin-top: 30px; }
.cooperation .list ul li { float: none; width: 224px; margin: 30px auto 0 auto; }
.cooperation .list ul li:nth-child(5n) { margin-right: auto; }
}
.cooperation2bg { padding: 120px 0 150px 0; }
.cooperation2 { }
.cooperation2 .list { margin-top: 60px; }
.cooperation2 .list table { border-spacing: 0; }
.cooperation2 .list table td { padding: 15px 10px; font-size: 14px; line-height: 36px; }
.cooperation2 .list .td1 { font-weight: bold; text-align: right; }
.cooperation2 .list .td2 { }
.cooperation2 .list b { color: #f00; }
.cooperation2 .list .text1 { border: 1px solid #dadada; width: 90%; height: 34px; line-height: 34px; padding: 0 2%; }
.cooperation2 .list .text2 { border: 1px solid #dadada; width: 94.4%; height: 100px; line-height: 34px; padding: 0 2%; }
.cooperation2 .list .button1 { display: block; width: 240px; height: 40px; line-height: 40px; text-align: center; background: #5ab4ff; color: #fff; font-size: 16px; opacity: 0.8; }
.cooperation2 .list .button1:hover { opacity: 1; }
 @media(max-width:768px) {
.cooperation2bg { padding: 60px 4% 75px 4%; }
.cooperation2 .list { margin-top: 30px; }
.cooperation2 .list table td { display: block; width: 100%; padding: 5px 10px; }
.cooperation2 .list .td1 { text-align: left; padding: 5px 10px 0 10px; }
.cooperation2 .list .text2 { width: 90%; padding: 0 2%; }
}
.contact1bg { padding: 120px 0 150px 0; }
.contact1 { }
 @media(max-width:768px) {
.contact1bg { padding: 60px 4% 75px 4%; }
}
.contact2bg { padding-bottom: 60px; background: #fafafa; }
.contact2 .lt { float: left; width: 580px; padding-top: 60px; }
.contact2 .lt .list { padding-left: 20px; margin-top: 60px; font-size: 14px; line-height: 30px; color: #666; }
.contact2 .rt { float: right; width: 520px; padding-top: 60px; }
.contact2 .rt table { border-spacing: 0; }
.contact2 .rt table td { padding: 5px 10px; font-size: 14px; line-height: 36px; }
.contact2 .rt span { display: block; font-weight: bold; }
.contact2 .rt b { color: #f00; }
.contact2 .rt .text1 { border: 1px solid #dadada; width: 90%; height: 34px; line-height: 34px; padding: 0 2%; }
.contact2 .rt .text2 { border: 1px solid #dadada; width: 90%; height: 100px; line-height: 34px; padding: 0 2%; }
.contact2 .rt .button1 { display: block; width: 50%; height: 40px; line-height: 40px; text-align: center; background: #5ab4ff; color: #fff; font-size: 16px; opacity: 0.8; }
.contact2 .rt .button1:hover { opacity: 1; }
 @media(max-width:1024px) {
.contact2 .lt { width: 49%; }
.contact2 .rt { width: 49%; }
}
 @media(max-width:768px) {
.contact2bg { padding: 60px 4% 60px 4%; }
.contact2 .lt { float: none; width: 100%; }
.contact2 .lt .list { margin-top: 30px; }
.contact2 .rt { float: none; width: 100%; margin-top: 30px; }
}




.cx_tit{ text-align:center; }
.cx_tit .h2{ font-size:32px; line-height:42px;}
.cx_tit .h3{ font-size:16px; line-height:26px; color:#666;}
.chaxun1bg{ padding:60px 0;}
.chaxun1{ margin:0 auto; width:70%; border:10px solid #ebebeb; padding:5%;}
.chaxun1 .form{ margin:0 auto; width:60%; margin-top:5%;}
.chaxun1 .form ul li{ margin-bottom:15px;}
.chaxun1 .form .text1{ border:1px solid #ccc; background:#fff; height:50px; line-height:48px; padding:0 10px; width:100%; border-radius:4px;}
.chaxun1 .form .button1{ display:block; margin:0 auto; border:none; background:var(--main-color); color:#fff; height:50px; line-height:48px; width:50%; cursor:pointer; transition:all .3s ease; font-size:16px; margin-top:20px; border-radius:4px;}
.chaxun1 .form .button1:hover{ opacity:.9;}
@media(max-width:768px) {
.cx_tit .h2{ font-size:24px; line-height:34px;}
.cx_tit .h3{ font-size:12px; line-height:22px; }
.chaxun1bg{ padding:60px 0;}
.chaxun1{ width:90%; border-width:5px; padding:5%;}
.chaxun1 .form{ width:100%; margin-top:5%;}
.chaxun1 .form ul li{ margin-bottom:15px;}
.chaxun1 .form .text1{ height:40px; line-height:38px; }
.chaxun1 .form .button1{ height:40px; line-height:38px; margin-top:20px; }
}

.jieguo1bg{ padding:60px 0;}
.jieguo1{ margin:0 auto; position:relative}
.jieguo1>img{ display:block; width:100%;}
.jieguo1 .list{}
.jieguo1 .list dl dt{ font-size:20px; line-height:30px;}
.jieguo1 .list dl dd{ font-size:24px; line-height:34px; width:20%;}
.jieguo1 .list .jg_zp{ width:140px; height:197px; position:absolute; top:35.5%; left:20.5%; }
.jieguo1 .list .jg_gz{ width:180px; position:absolute; bottom:8%; right:18%;}
.jieguo1 .list .jg_txt0{ position:absolute; left:53.5%; top:22.5%; width:35%; }
.jieguo1 .list .jg_txt1{ position:absolute; left:24.5%; top:65.5%; }
.jieguo1 .list .jg_txt2{ position:absolute; left:24.5%; top:70.8%; }
.jieguo1 .list .jg_txt3{ position:absolute; left:24.5%; top:76.2%; }
.jieguo1 .list .jg_txt4{ position:absolute; left:24.5%; top:81.6%; }
.jieguo1 .list .jg_txt5{ position:absolute; left:64.5%; top:73.2%; }
.jieguo1 .list .jg_txt6{ position:absolute; left:64.5%; top:77.5%; }
.jieguo1 .list .jg_txt7{ position:absolute; left:64.5%; top:81.6%; width:30%; }



.tit6{}
.tit6 .h2{display: flex; justify-content:space-between; align-items: center;}
.tit6 .h2 strong{ font-size:20px; line-height:30px; font-weight:bold;}
.tit6 .h2 a{ display:inline-block; padding:0 10px; border:1px solid #ccc; color:#999; font-size:12px; line-height:28px;}
.tit6 .h2 a:hover{ border-color:var(--main-color); background:var(--main-color); color:#fff;}
.index_add1bg{ padding:80px 0;}
.index_add1{display: flex; justify-content:space-between;/* align-items: center;*/}
.index_add1_lt{ width:45%; border:1px solid #eee; padding:20px 2%;}
.index_add1_rt{ width:45%; border:1px solid #eee; padding:20px 2%;}
.index_add1 .list{ margin-top:10px;}
.index_add1 .list ul li{display: flex; justify-content:space-between; align-items: center; font-size:16px; line-height:40px; padding-left:20px; position:relative;}
.index_add1 .list ul li:before{ content:""; width:6px; height:6px; border:2px solid #ccc; border-radius:100%; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.index_add1 .list ul li a{ width:70%; height:40px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.index_add1 .list ul li span{ font-size:12px; color:#999;}
@media(max-width:768px) {
.tit6 .h2 strong{ font-size:20px; line-height:30px; }
.tit6 .h2 a{ padding:0 10px; font-size:12px; line-height:28px;}
.index_add1bg{ padding:60px 4%;}
.index_add1{display:block;}
.index_add1_lt{ width:calc(90% - 2px); padding:20px 5%; margin-bottom:20px;}
.index_add1_rt{ width:calc(90% - 2px); padding:20px 5%;}
.index_add1 .list{ margin-top:10px;}
.index_add1 .list ul li{ font-size:16px; line-height:40px; }
.index_add1 .list ul li a{ width:70%; height:40px; }
.index_add1 .list ul li span{ font-size:12px; }
}


.tit7{ border-bottom:2px solid #076ce0; padding:10px 20px;}
.tit7 .h2{ font-size:16px; line-height:26px;}
.tit7 .h2 strong{}
.index_add2bg{ padding:0 0 80px 0;}
.index_add2{ border:1px solid #ccc; border-radius:10px;}
.index_add2 .list{ padding:10px 20px;}
.index_add2 .list ul li{ float:left; width:calc((100% - 120px)/7); margin:10px 0 10px 20px;}
.index_add2 .list ul li:nth-child(7n-6){ margin-left:0;}
.index_add2 .list ul li .img{ padding-bottom:50%; position:relative; overflow:hidden; border:1px solid #eee;}
.index_add2 .list ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;}
.index_add2 .list ul li:hover .img{ border-color:#076ce0;}
.index_add2 .list ul li:hover .img img{ transform:scale(1.1);}
@media(max-width:768px) {
.index_add2bg{ padding:0 4% 60px 4%;}
.index_add2 .list ul li{ width:calc((100% - 20px)/3); margin:10px 0 10px 10px;}
.index_add2 .list ul li:nth-child(7n-6){ margin-left:10px;}
.index_add2 .list ul li:nth-child(3n-2){ margin-left:0;}
}