:root {
	--main-color: #1d2a53;
	--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: #1d2a53; 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 }
/*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:32%; 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; }
.menu ul li { float: left; position: relative; /*height: 72px;*/ padding: 19px 20px; line-height: 30px; position: relative; }
.menu ul li dl { width: 100%; position: absolute; left: 0; top: 100%; display: none; background: #fff; }
.menu ul li dl dd { line-height: 40px; height: 40px; overflow: hidden; margin: 0 10px; }
.menu ul li dl dd a { font-size: 14px; color: #666; border-bottom: none; }
.menu ul li dl dd a:hover { color: #1d2a53; }
.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 #1d2a53; }
.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: #1d2a53; }
.navbg { width: 100%; height: 100%; background: #fff; 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; right: 4%; top: 10px; }
.nav_close i { font-size: 20px; vertical-align: middle; color: #1d2a53; }
.nav_list { height: calc(100vh - 100px); /*overflow-Y:scroll;*/ }
.tree_one, .tree_two { 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_one 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; }
 @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 #1d2a53; color: #1d2a53; width: 168px; height: 48px; line-height: 48px; font-size: 14px; }
.more1 a:hover { background: #1d2a53; 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: 23%; margin: 0 30px 0 0; }
.con02 .list ul li:nth-child(4n) { margin-right: 0; }
.con02 .list ul li .img { padding-bottom: 180%; }
.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; background: url(../images/btn_jt.png) right center no-repeat; 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(5n) { 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 60px 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: #1d2a53; }
.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: #1d2a53;
}
.foot1bg { padding: 60px 0; }
.foot1 .lt { float: left; width: 350px; }
.foot1 .lt .f_logo { margin-top: 10px; }
.foot1 .lt .f_logo img { display: block; max-width: 100%; }
.foot1 .lt .f_tel { margin-top: 50px; }
.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: 26px; line-height: 1em; color: #fff; }
.foot1 .rt { float: right; }
.foot1 .rt dl { float: left; margin-left: 80px; }
.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: #1d2a53;
    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 { margin-top: 0; }
.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 20px 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 50px 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% 50px 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: #1d2a53; }
.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: #1d2a53; }
.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: #1d2a53; 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 #1d2a53; color: #1d2a53; font-size: 16px; text-align: center; }
.more2 a:hover { background: #1d2a53; 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; }
}