﻿/*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:#076ce0; 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{ position:relative;}
.menubg{ width:100%; height:445px; background:#fff; position:absolute; top:0; left:0; display:none;}
.head{ height:72px;}
.head .logo{ float:left; width:400px; 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:34px; padding:19px 25px; line-height:30px;}
.menu ul li dl{ width:100%; position:absolute; left:0; top:100%; display:none; }
.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:#076ce0; }
.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:768px){
.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: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:#076ce0;}
.nav_list{ height:calc(100vh - 100px); overflow-Y:scroll;}

.tree{}
.tree_box{ }
.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_box h3 span i{}
.tree_one h4{ font-weight:normal; font-size:14px; position:relative; height:39px; line-height:39px; overflow:hidden; margin:0 0 0 5%; 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:768px){
.head_mbg{ display:block;}
}



.swiper-container1 .swiper-slide { }
.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 150px 0;}
.con01{}
.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{}
.con01 .rt .img img{ display:block; width:100%;}
@media(max-width:768px){
.con01bg{ padding:60px 4% 75px 4%;}
.con01 .lt{ float:none; width:100%; margin-top:30px;}
.con01 .lt .list .txt{ margin-top:30px;}
.more1{ margin-top:45px;}
.con01 .rt{ float:none; width:100%; margin-top:60px;}
.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 150px 0; color:#fff;}
.con02{}
.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(5n){ 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; background:url(../images/btn_jt.png) right center no-repeat; color:#fff; margin-top:-35px;}
.con02 .list_m{ display:none;}
@media(max-width:768px){
.con02bg{ padding:60px 4% 75px 4%; color:#fff;}
.con02 .list{ margin-top:20px; text-align:center;}
.con02 .list ul li{ float:none; display:inline-block; width:48%; margin:20px 3% 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 150px 0;}
.con03{}
.con03 .list{ margin-top:60px;}
.con03 .list ul li{ float:left; width:285px; 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% 75px 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 150px 0;}
.con04{}
.con04 .list{ margin-top:60px;}
.scroll_031{}
.scroll_031 .bd{}
.scroll_031 .bd ul li{ float:left; width:170px; margin:0 15px;}
.scroll_031 .bd ul li .img{ padding-bottom:50%; position:relative;}
.scroll_031 .bd ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
@media(max-width:768px){
.con04bg{ padding:60px 4% 75px 4%;}
.con04 .list{ width:300px; margin:0 auto; margin-top:30px;}
.scroll_031 .bd ul li{ float:left; width:130px; margin:0 10px;}
}



.foot{ background:#00336a;}
.foot1bg{ padding:60px 0;}
.foot1{}
.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:#d9d9d9; display:inline-block; text-align:center;}
.foot1 .lt .f_tel h2 b{ display:block; font-size:36px; line-height:1em; color:#076ce0;}
.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:#fff;}
.foot2bg{ background:#004a9a; padding:30px 0;}
.foot2{ font-size:12px; line-height:1.5em; text-align:center;}
@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;}
@media(max-width:768px){
.inbanner_txt{ display:none;}
}


.aboutus1bg{ padding:0 0 150px 0;}
.aboutus1{}
.aboutus1 .lt{ float:left; width:660px;}
.aboutus1 .lt .img{}
.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{}
.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:768px){
.aboutus1bg{ padding:60px 4% 75px 4%;}
.aboutus1 .lt{ float:none; width:100%;}
.aboutus1 .rt{ float:none; width:100%; margin-top:30px;}
.aboutus2bg{ padding:0 4% 75px 4%;}
.aboutus2 ul li{ float:left; width:40%; 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:120px 0 150px 0;}
.news{}
.news .box1{}
.news .box1 .lt{ float:left; width:560px; position:relative;}
.news .box1 .lt .img{}
.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:1.5em; 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:768px){
.newsbg{ padding:60px 4% 75px 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{}
.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{}
.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{}
.about2_2 .list{ margin-top:60px;}
.slideTxtBox_01{}
.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{}
.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{}
.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:120px 0 150px 0; background:#fafafa;}
.contact2{}
.contact2 .lt{ float:left; width:580px;}
.contact2 .lt .list{ padding-left:20px; margin-top:60px; font-size:14px; line-height:30px; color:#666;}
.contact2 .rt{ float:right; width:520px;}
.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:768px){
.contact2bg{ padding:60px 4% 75px 4%;}
.contact2 .lt{ float:none; width:100%;}
.contact2 .lt .list{ margin-top:30px;}
.contact2 .rt{ float:none; width:100%; margin-top:30px;}
}






.insidebg{ padding:30px 0 60px 0;}
.inside{}
.inside_lt{ float:left; width:240px;}
.side_a{ border:1px solid #eee;}
.side_a .h2{ background:#5a3212; color:#fff; font-size:18px; line-height:40px; padding:0 15px;}
.side_a .list{ padding:15px 15px;}
.side_a .list ul li{ font-size:16px; line-height:26px; border-top:1px solid #eee;}
.side_a .list ul li:nth-child(1){ border-top:none;}
.side_a .list ul li a{ color:#333; display:block; padding:6px 0;}
.side_a .list ul li a:hover{ color:#ffc001;}
.inside_rt{ float:right; width:calc(100% - 300px);}
@media(max-width:768px){
.inbanner_txt{ display:none;}
.insidebg{ padding:30px 5% 60px 5%;}
.inside_lt{ float:none; width:100%;}
.inside_rt{ float:none; width:100%;}
}










