﻿@charset "UTF-8";
 


table{border-collapse:collapse; border-spacing:0; empty-cells:show; }

th, td { border-collapse:collapse; }
a:link{text-decoration:none; color:#666;}
a:visited{text-decoration:none; color:#666;}
q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}
img{vertical-align: middle; border:0;-webkit-transform:scale(1)rotate(0)translate3d(0,0,0);transform:scale(1)rotate(0)translate3d(0,0,0); display: inline-block; outline: none; }

div,p,img,ul,ol,li,form,input,label,span,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
ol,ul,li{list-style-type:none;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;-webkit-margin-before: 0em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;}
input[type=button]{-webkit-appearance:none;outline:none;}
a, input{-webkit-tap-highlight-color: rgba(0,0,0,0);}
 
 
.clear{ clear:both; height:0; overflow:hidden; display:block;}
.float_left{ float:left;}
.float_right{ float:right;}
 
.clearfix{clear:both;content:"";display:table;}


/* index-news */
.index-news{width:100%;min-width:1200px;margin:0 auto;min-height:790px;background:url(../images/index-bg03.jpg) no-repeat center;background-size:100% 100%;}
.index-news-main{width:1200px;margin:0 auto;padding-top:5px;}
.index-news-title{text-align:center;color:#fff;font-size:30px;}
.index-news-title span{display:inline-block;width:60px;height:30px;margin-right:5px;background:url(../images/news-title.png) no-repeat center;background-size:100% 100%;position:relative;top:3px;}
.index-news-name11{color:#666;font-size:14px;text-align:center;}
.index-news-content{text-align:center;margin-top:42px;}
.index-news-nav{text-align:center;height:45px;display:inline-block;text-align:center;margin-bottom:30px;}
.index-news-nav a{display:block;width:160px;height:40px;line-height:40px;text-align:center;font-size:16px;color:#666;background-color:#fff;border-radius:5px;float:left;transition:all 0.5s ease-in-out;}
.index-news-nav a.active{color:#fff;background:#00708F;}
.index-news-nav a.margin-left10{margin-left:10px;}
.swiper-container03{height:370px;width:1200px;}
.swiper-container03 .swiper-slide{height:380px;width:1200px;}
.index-news-swiper{width:1200px;height:380px;}
.margin-left0{margin-left:0 !important;}
.index-news-item{float:left;width:300px;background-color:#fff;margin-left:10px;height:380px;text-align:left;padding-top:10px;}
.index-news-list{float:right;width:580px;height:380px;background-color:#fff;text-align:left;padding-top:5px;}
.index-news-item-img{width:280px;text-align:center;margin:0 auto;}
.index-news-item-name{width:245px;margin:0 auto;margin-bottom:15px;margin-top:27px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.index-news-item-name a{font-size:16px;color:#333;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;width:245px;}
.index-news-item-name a:hover{color:#00708F;}
.index-news-item-name11{width:240px;margin:0 auto;font-size:12px;color:#888;margin-top:10px;line-height:20px;height:60px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient: vertical;}
.index-news-item-more{margin-left:30px;margin-top:15px;}
.index-news-item-more a{text-align:center;color:#666;font-size:14px;border-bottom:1px solid #666;line-height:1em;}
.index-news-item-more a:hover{color:#00708F;border-bottom:1px solid #00708F;}
.index-news-list01{width:525px;padding:15px 0;border-bottom:1px solid #dedede;margin:0 auto;}
.index-news-list01-date{float:left;width:70px;}
.index-news-list01-day{font-size:60px;color:#999;line-height:48px;font-family:arial;}
.index-news-list01-year{text-align:center;color:#999;font-size:14px;margin-top:5px;width:70px;}
.index-news-list01-txt{float:right;width:430px;}
.index-news-list01-name a{font-size:16px;color:#333;line-height:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index-news-list01-name a:hover{color:#00708F;}
.index-news-list01-name11{font-size:12px;color:#888;line-height:24px;overflow:hidden;text-overflow:ellipsis;height:48px;}
.index-news-list02{width:525px;margin:0 auto;margin-top:20px;}
.index-news-list02 ul li{line-height:28px;height:28px;}
.index-news-list02 ul li a{line-height:28px;font-size:14px;color:#333;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;float:left}
.index-news-list02 ul li span.index-news-list02-date{margin-left:25px;color:#888;display:inline-block;float:left;line-height:28px;}
.index-news-list02 ul li a span.index-news-list02-arrow{color:#888;font-family:"微软雅黑";}
.index-news-list02 ul li a:hover{color:#00708F;}







/* contact */
.contact{width:100%;min-width:1200px;background-color:#fff;margin:0 auto;}
.contact-main{width:1200px;background-color:#fff;margin:0 auto;padding-bottom:50px;padding-top:75px;}
.contact-webkit-title{font-size:24px;color:#333;margin-bottom:15px;}
.contact-webkit-con p{font-size:16px;color:#333;line-height:36px;}
.contact-webkit-con p span{display:inline-block;width:16px;height:18px;margin-right:15px;background:url('../images/contact-icon.png') no-repeat center;position:relative;top:3px;}




.contact-webkit{width:350px; float:left;}
.contact-mymap{width:800px; float:right;}



.contact-map{width:1198px;height:450px;border:1px solid #eee;margin-top:40px;margin-bottom:90px;}
.contact-map img{max-width:none;max-height:none}}
.contact-map-webkit{float:left;color:#333;font-size:18px;line-height:51px;margin-right:45px;}
.contact-map-webkit span{display:inline-block;width:44px;height:51px;background:url('../images/contact-map-icon.png') no-repeat center;background-position:0 0;float:left;margin-right:10px;}
.contact-map-hot{float:left;padding-left:10px;height:30px;line-height:30px;font-weight:bold;color:#333;border-left:1px solid #333;margin-top:10px;}
.contact-map-hot span{display:inline-block;width:14px;height:14px;background:url('../images/contact-map-icon.png') no-repeat center;background-position:-50px 0;float:left;margin-right:10px;position:relative;top:8px;}
.contact-map-webkit-p{font-size:14px;color:#444;}
.contact-map-webkit-add{font-size:12px;color:#666;}
.contact-map-info{width:330px;position:relative;z-index:999;}
.contact-map-close{position:absolute;top:0px;right:0px;width:11px;height:10px;cursor:pointer;background:url('../images/contact-map-icon.png') no-repeat center;background-position:-52px -21px;}
.contact-offices-title{font-size:28px;color:#333;padding-bottom:7px;border-bottom:1px solid #eee;margin-bottom:35px;}
.contact-offices-title span{font-size:24px;color:#666;font-family:arial;margin-left:50px;}
.contact-offices-map{position:relative;height:705px;width:100%;}
.contact-offices-map-chinese{position:absolute;top:0;left:50%;margin-left:-426px;width:852px;height:704px;z-index:9;}
.contact-offices-map-foreign{width:200px;height:200px;position:absolute;bottom:0;left:0;z-index:9;box-shadow:0 0  5px #eee;}
.contact-offices-map-chinese img{position:absolute;top:0;left:0;right:0;bottom:0;z-index:9;}
.contact-offices-map-foreign img{position:absolute;bottom:0;left:0;top:0;right:0;}
.contact-offices-address01{position:absolute;top:420px;right:95px;z-index:99;color:#333;text-align:center;line-height:1.1em;}
.contact-offices-address02{position:absolute;top:452px;right:217px;z-index:99;color:#333;text-align:center;line-height:1.1em;}
.contact-offices-address03{position:absolute;top:575px;right:200px;z-index:99;color:#333;text-align:center;line-height:18px;}
.contact-offices-address04{position:absolute;top:593px;right:233px;z-index:99;color:#333;text-align:center;line-height:1.1em;}
.contact-offices-address05{position:absolute;top:593px;right:205px;z-index:99;color:#333;text-align:center;line-height:1.1em;}
.contact-offices-address06{position:absolute;top:74px;right:64px;z-index:99;color:#333;text-align:center;line-height:1.1em;}
.contact-offices-address03 span.add-span{float:left;}
.contact-offices-map span.add-span{display:inline-block;width:13px;height:18px;background:url('../images/contact-offices-map-icon.png') no-repeat center;margin:0 auto;cursor:pointer;}
.contact-offices-add-con{position:absolute;top:-120px;left:50%;width:368px;margin-left:-181px;height:124px;background-color:#fff;z-index:999;background:url('../images/contact-offices-triangle.png') no-repeat center;display:none;}
.contact-offices-con{padding:20px 20px 0 20px;text-align:left;}
.contact-offices-name{color:#444;font-size:14px;margin-bottom:12px;}
.contact-offices-name11{color:#666;line-height:24px;font-size:12px;}
.contact-offices-name11 p{color:#666;line-height:24px;font-size:12px;}
.contact-offices-close{position:absolute;top:15px;right:15px;width:11px;height:10px;cursor:pointer;background:url('../images/contact-map-icon.png') no-repeat center;background-position:-52px -21px;}
.contact-feedback{width:100%;margin-top:70px;}
.contact-feedback-title{font-size:28px;text-align:center;color:#333;font-weight:bold;}
.contact-feedback-title span{color:#999;font-family:arial;margin-left:15px;}
.contact-feedback-prompt{margin-top:15px;text-align:center;color:#999;font-size:12px;padding-bottom:25px;border-bottom:1px solid #eee;margin-bottom:25px;}
.contact-feedback-prompt span{color:#333;}
.contact-feedback-form{width:944px;margin:0 auto;}
.contact-form-item{width:;float:left;margin-bottom:10px;height:113px;margin-right:50px;margin-left:50px;width:372px;}
.contact-form-name{line-height:26px;font-size:16px;color:#333;}
.contact-form-name span{color:#333;margin-right:3px;}
.contact-form-input{height:62px;width:100%;line-height:62px;}
.contact-form-input input{border:1px solid #eee;padding:0 10px;width:350px;height:47px;line-height:45px;color:#333;font-size:16px;}
.contact-form-content{margin:0 auto;width:842px;height:253px;}
.contact-form-textarea textarea{width:820px;height:200px;line-height:25px;color:#333;font-size:16px;padding:0 10px;border:1px solid #eee;font-family:"微软雅黑";resize:none;margin:0 auto;}
.contact-form-btn{text-align:center;margin-top:15px;}
.contact-form-btn input{width:120px;height:50px;line-height:50px;color:#fff;text-align:center;font-size:24px;margin-right:30px;margin-left:30px;cursor:pointer; border:none; border-radius:5px;}
.contact-form-btn input#contact-form-submit{background-color:#00accd;}
.contact-form-btn input#contact-form-reset{background-color:#666;}
.contact-form-verification{line-height:25px;height:25px;color:#333;}









 

