/*reset*/
*{ margin:0; padding:0; box-sizing:border-box;}
html,body{ width:100%;}
body{ position:relative; font-family:Microsoft Yahei; font-size:14px; background:#fff; min-width:1200px;}
img{ vertical-align:top; border:none;}
header,footer,div,section,article,figure,figcaption{ display:block;}
a:link{ text-decoration:none; color:#666; outline:none;}
a:visited{ text-decoration:none; color:#666; outline:none;}
a:hover{ text-decoration:none; color:#666; outline:none;}
a:active{ text-decoration:none; color:#666; outline:none;}
h1,h2,h3,h4,h5,h6{ font-size:14px; font-weight:normal;}
ul,ol,dl,dt,dd,li{ list-style:none;}
select{ -webkit-appearance:none; appearance:none;}
/*base*/
@font-face {
  font-family: Demit;
  src: url('../font/ITCAvantGardeStd-bk.ttf');
  src: url('../font/ITCAvantGardeStd-bk.eot?#iefix') format('embedded-opentype'), url('../font/ITCAvantGardeStd-bk.woff') format('woff'), url('../font/ITCAvantGardeStd-bk.ttf') format('truetype');
}
.line50{ clear:both; font-size:0px; height:50px; overflow:hidden; }
.line30{ clear:both; font-size:0px; height:30px; overflow:hidden; }
.rspsv{ display:block; width:100%; margin:0 auto;}
.rspsv-img{ display:block; max-width:100%; margin:0 auto;}
.txtcen{ text-align: center;}
.fl{ float: left;}
.fr{ float: right;}
.pdbot{ padding-bottom:30px!important;}
.wrap1000{ margin: 0 auto; width: 1000px; position: relative;}
.wrap1200{ margin: 0 auto; max-width:1200px; position: relative; width:96%;}
.wrap1150{ margin: 0 auto; width: 1150px; position: relative;}
.clrafter:after{ content:''; clear:both; display:block; visibility:hidden; overflow:hidden; height:0;}

/*common*/
.header{ background:none; height:80px; /* overflow:hidden; */}
.header .logo{ padding-top:17px;}
.header .logo>img{ width:150px;}
.header .nav{ margin-right:10px;}
.header .nav>li{ float:left; margin-left:10px; position:relative;}
/*.header .nav>li:nth-child(1){ background:url(../images/home.svg) 10px center no-repeat;}
.header .nav>li:nth-child(2){ background:url(../images/search.svg) 10px center no-repeat;}
.header .nav>li:nth-child(3){ background:url(../images/ic-news-o.svg) 10px center no-repeat;}
.header .nav>li:nth-child(4){ background:url(../images/mark-o.svg) 10px center no-repeat;}
.header .nav>li:nth-child(5){ background:url(../images/telegram.svg) 10px center no-repeat;}*/
.header .nav>li>a{ color:#25826a; display:block; padding:30px 30px 31px 30px; position:relative;}
.header .nav>li>a:after{ position:absolute; content:''; display:block; left:0; bottom:0; width:100%; height:2px; background:#25826a; transition:all 0.4s; transform:scaleX(0);}
.header .nav>li>a:hover:after,.header .nav>li>a.on:after{ transform:scaleX(1);}
.header .nav>li>dl{ position:absolute; width:100%; left:0; top:80px; z-index:333; background:#334454; padding:10px 0; transition:all 0.4s; opacity:0; visibility:hidden;}
.header .nav>li:hover>dl{ opacity:1; visibility:visible;}
.header .nav>li>dl>dd>a{ display:block; padding:10px; color:#fff; text-align:center;}
.header .nav>li>dl>dd>a:hover{ background:#96d873; color:#334454;}
.header .login_area{ border:1px solid #3aa98d; border-radius:5px; margin-top:25px; overflow:hidden;}
.header .login_area>a{ display:inline-block; padding:5px 15px; color:#25826a; font-size:12px; transition:all 0.4s; float:left;}
.header .login_area>a:hover{ background:#96d873;}
.header .login_area>a:nth-child(1){ border-right:1px solid #3aa98d;}
.lang-change-8{
    padding-top:25px; margin-right:10px;
}
.lang-change-8 select{
    padding:5px; border:1px solid #3aa98d; border-radius:5px; cursor:pointer; outline:none; color:#3aa98d; font-size:14px; background:url(/images/arrow4.png) no-repeat right center;
}
.com_tit{ text-align:center; padding:60px 0;}
.com_tit h1{ font-size:28px; font-weight:bold;}
.com_tit h2{ color:#777; padding:6px 0 14px 0;}
.com_tit h3>i{ display:block; margin:0 auto; width:30px; height:2px; background:#96d873;}
.footer{ background:rgb(37, 37, 37);}
.footer>ul{ padding:50px 0;}
.footer>ul li{ float:left; width:33.3333%; color:#7f7f7f;}
.footer>ul li h1{ color:#7f7f7f; font-size:24px; padding-bottom:20px;}
.footer>ul li h2{ padding-bottom:5px; font-size:12px;}
.footer>ul li h3{ font-size:20px;}
.footer .copy{ background:rgb(0, 0, 0); color:#999; text-align:center; padding:12px 0; font-size:12px;}

/*home*/
.home_broadcast{ padding:8px 15px; border-radius:20px; background:rgba(0,0,0,0.5); position:absolute; left:0; top:30px; z-index:99; width:100%;}
.home_broadcast>i{ display:inline-block; background:url(../images/Speaker1-1.svg) center no-repeat; width:30px; height:26px; vertical-align:middle;}
.home_broadcast>span{ display:inline-block; vertical-align:middle; margin-left:8px;}
.home_broadcast>span>a{ color:#fff;}
.banner>.swiper-container{ width:100%;}
.banner .swiper-slide{ background-size:cover; background-position:center; background-repeat:no-repeat;}
.banner .swiper-slide>img{ width:100%;}
.home_quick_links{ padding:20px 30px; position:relative; background:#ffffff; width:100%; border-radius:6px;}
.home_quick_links>ul li{ width:20%; float:left;}
.home_quick_links>ul li a{ display:block; font-size:16px; text-align:center; padding:40px 0 0 0; transition:all 0.4s;}
.home_quick_links>ul li a:hover{ color:#3aa98d;}
.home_quick_links>ul li:nth-child(1) a{ background:url(../images/search2.svg) center top no-repeat;}
.home_quick_links>ul li:nth-child(2) a{ background:url(../images/search3.svg) center top no-repeat;}
.home_quick_links>ul li:nth-child(3) a{ background:url(../images/map.svg) center top no-repeat;}
.home_quick_links>ul li:nth-child(4) a{ background:url(../images/book.svg) center top no-repeat;}
.home_quick_links>ul li:nth-child(5) a{ background:url(../images/book2.svg) center top no-repeat;}
.our_service{ padding:30px 0 80px 0;}
.our_service ul li{ width:32%; float:left; margin-right:2%; border:1px solid #eee;}
.our_service ul li:last-child{ margin-right:0;}
.our_service ul li a{ display:block; padding:10px;}
.our_service ul li a figure{ position:relative; padding-bottom:60%; overflow:hidden;}
.our_service ul li a figure img{ display:block; width:100%; position:absolute; left:0; top:0; transition:all 0.4s;}
.our_service ul li a:hover figure img{ -webkit-transform:scale(1.1,1.1)}
.our_service ul li a figcaption{ padding:8px;}
.our_service ul li a figcaption h1{ font-size:18px; padding:10px 0;}
.our_service ul li a figcaption h2{ color:#999; line-height:1.8; padding:0 0 10px;}
.our_service ul li a figcaption h3{ color:#25826a;}
.our_advantage{ background:rgb(243, 247, 250); padding-bottom:80px;}
.our_advantage_main img.fl{ max-width:40%;}
.our_advantage_main ul.fr{ width:60%;}
.our_advantage_main ul.fr li{ width:49%; float:left; margin-right:2%; margin-bottom:2%; border:1px solid #ddd; padding:12px 20px;}
.our_advantage_main ul.fr li:nth-child(2n){ margin-right:0;}
.our_advantage_main ul.fr li h2{ font-size:18px; font-weight:bold; padding:10px 0;}
.our_advantage_main ul.fr li h3{ line-height:1.6; color:#999; font-size:12px;}
.home_about{ background:url(../images/about.jpg) center no-repeat; padding:80px 0;}
.home_about_left{ max-width:40%;}
.home_about_left>img{ max-width:100%; display:block; border:5px solid #334454;}
.home_about_right{ max-width:55%; color:#fff;}
.home_about_right>h1{ font-size:30px;}
.home_about_right>h2{ font-size:18px; padding:5px 0 30px;}
.home_about_right>div{ line-height:1.8; padding-bottom:30px;}
.home_about_right>a{ display:inline-block; padding:10px 35px; color:#fff; border-radius:25px; background:#334454; transition:all 0.4s;}
.news_center{ padding-bottom:80px;}
.news_center_list>ul{ width:45%;}
.news_center_list>ul>div{ padding:12px 0 0;}
.news_center_list>ul>div>a{ display:inline-block; padding:10px 35px; color:#fff; border-radius:25px; background:#334454; transition:all 0.4s;}
.news_center_list>ul li{ margin-bottom:12px; display:block; border-bottom:1px dashed #eee; padding-bottom:12px;}
.news_center_list>ul li a{ display:block;}
.news_center_list>ul li a>.fl{ width:20%; background:#f2f2f2; text-align:center; padding:15px 0; color:#334454;}
.news_center_list>ul li a>.fl i{ font-style:normal; font-size:28px; display:block;}
.news_center_list>ul li a>.fl span{ display:block; padding:5px 0 0;}
.news_center_list>ul li a>.fr{ width:75%;}
.news_center_list>ul li a>.fr h1{ font-size:18px; padding-bottom:10px;}
.news_center_list>ul li a>.fr h2{ line-height:1.6; color:#999;}
.news_center_list>.news_center_pic{ width:50%}
.news_center_list>.news_center_pic>img{ width:100%;}

/*inner common*/
#in_banner{}
#in_banner .swiper-container{ height:100%;}
#in_banner .swiper-slide{ background-size:cover; background-position:center; background-repeat:no-repeat;}
#in_banner .swiper-slide>img{ width:100%; display:block;}
.web_crumb{ background:rgb(242, 242, 242); padding:12px 0; font-size:12px; color:#777;}
.web_crumb a{ color:#777;}

/*about*/
.in_about{ padding:0 0 100px 0;}
.in_about_content{ line-height:2; color:#888;}
.in_about_content img{ display:block; margin:0 auto; max-width:100%;}

/*contact*/
.in_contact{ width:40%; float:right;}
.in_contact_map{ width:50%; float:left;}

/*news*/
.in_news_center_list>ul{ width:100%;}
.in_news_center_list>ul li a>.fl{ width:8%; background:#f2f2f2; text-align:center; padding:15px 0; color:#334454;}
.in_news_center_list>ul li a>figure{ width:20%; float:left;}
.in_news_center_list>ul li a>figure>img{ display:block; width:100%;}
.in_news_center_list>ul li a>.fr{ width:68%;}

/*service*/
.in_service{ background:url(../images/bg2.jpg) center/cover;}
.in_service_cov{ padding:0 0 100px 0; background:rgba(0,0,0,0.58);}
.in_service_cov>.web_crumb{ background:none; color:#fff; margin-bottom:100px;}
.in_service_cov>.web_crumb a{ color:#fff;}
.in_service_tab li{ float:left;}
.in_service_tab li a{ display:block; font-size:18px; color:#fff; background:rgba(0,0,0,0.28); padding:10px 30px;}
.in_service_tab li a.on{ background:rgba(0,0,0,0.58);}
.in_service_content{ background:rgba(0,0,0,0.58); padding:80px 200px;}
.in_service_content>dl{ display:block; font-size:16px; color:#fff; padding:0 0 28px 0;}
.in_service_content>dl dt{ display:inline-block; width:150px; text-align:right; vertical-align:middle;}
.in_service_content>dl dd{ display:inline-block; margin-left:18px; vertical-align:middle;}
.in_service_content>dl dd select{ display:block; border:none; padding:10px 0; min-width:300px; outline:none;}
.in_service_content>dl dd .cal_kg{ display:block; border:none; padding:10px; min-width:300px; outline:none;}
.in_service_content>dl dd .cal_vol{ display:inline-block; vertical-align:middle; border:none; padding:10px; max-width:100px; outline:none;}
.in_service_content>.find{ padding:20px 0 0 172px;}
.in_service_content>.find>input{ display:block; border:none; background:#25826a; color:#fff; border-radius:5px; text-align:center; min-width:300px; padding:15px 0; outline:none; cursor:pointer;}
.in_service_result{ background:rgba(0,0,0,0.58); padding:80px; color:#ccc;}
.in_service_result>table{ border:none; padding:0; margin:0; width:100%; text-align:center;}
.in_service_result>table th{ padding:7px 12px; background:#333;}
.in_service_result>table td{ padding:7px 12px; background:#666;}

/*net*/
.net_list>div{ border-bottom:1px solid #444; padding:20px 0;}
.net_list>div>img{ float:left; width:30%;}
.net_list>div>figure{ float:right; color:#fff; width:65%; line-height:1.8;}

/*register*/
.register{ padding:80px 0; background:url(../images/rbg.jpg) center/cover;}
.register_con{ background:#fff; padding:40px 80px 80px; border-radius:10px;}
.register_con>hgroup{ font-size:20px; border-bottom:1px solid #ddd; padding-bottom:10px;}
.register_form{ padding:30px 0 0 200px;}
.register_form>dl{ display:block; font-size:14px; padding:0 0 12px 0;}
.register_form>dl dt{ display:inline-block; width:150px; text-align:right; vertical-align:middle;}
.register_form>dl dt>i{ color:red; font-style:normal;}
.register_form>dl dd{ display:inline-block; margin-left:18px; vertical-align:middle; color:#777;}
.register_form>dl dd select{ display:block; border:1px solid #ccc; padding:10px 0; min-width:300px; outline:none;}
.register_form>dl dd input{ display:block; border:1px solid #ccc; padding:10px; min-width:300px; outline:none;}
.register_form>.find{ padding:20px 0 0 172px;}
.register_form>.find>input{ display:block; border:none; background:#25826a; color:#fff; border-radius:5px; text-align:center; min-width:300px; padding:15px 0; outline:none; cursor:pointer;}
.register_agreement{ padding:15px 0 0 172px; color:#777; line-height:1.8;}
.register_agreement span,.register_agreement a{ display:inline-block; vertical-align:middle;}

/*agreement*/
.agreement_content{ padding-left:50px; padding-right:50px;}
.agreement_content>div{ padding-bottom:20px; font-size:16px; color:#444; font-weight:bold;}

/*gbook*/
.gbook{ height:auto; background:url(../images/dbdfootbg.jpg) center/cover no-repeat; color:#fff; font-size:16px; position:relative; padding-bottom:80px;}
.gbook>.img{ width:73%; float:left; padding:80px 0 0 60px;}
.gbook>.img>img{ width:100%; display:block;}
.gbook>form{ display:block; float:right; width:25%;}
.gbook_con{ display:block; padding:80px 60px 0 0;}
.gbook_con hgroup{ font-weight:bold; padding-bottom:20px;}
.gbook_con hgroup strong{ font-size:20px;}
.gbook_con ul{ padding-bottom:30px;}
.gbook_con ul li{ display:block; margin-bottom:2%;}
.gbook_con ul li input{ display:block; width:100%; padding:12px; box-sizing:border-box; border-radius:10px; border:none; font-size:16px;}
.gbook_con ul li input.input_small{ width:40%; display:inline-block; vertical-align:middle;}
.gbook_con ul li>a{ display:inline-block; vertical-align:middle;}
.gbook_con ul li>span{ display:inline-block; vertical-align:middle;}
.gbook_con ul li textarea{ display:block; width:100%; padding:12px; box-sizing:border-box; border-radius:10px; border:none; font-size:16px; min-height:100px; font-family:Microsoft Yahei;}
.gbook_con .submit_btn{ text-align:right;}
.gbook_con .submit_btn input{ display:inline-block; border:2px solid #fff; background:none; font-size:16px; text-align:center; width:100px; padding:10px 0; color:#fff; border-radius:10px; cursor:pointer; outline:none;}
/**********************************************/
.branch-002{ padding:80px 0; background:url(/images/branch/bg.jpg) center/cover;}
.branch-002 ul{ display:flex; justify-content:center; margin-bottom:30px;}
.branch-002 ul li{ width:23%; margin:0 1%;}
.branch-002 ul li img{ width:100%;}    












/***********************************************/