body{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#595757; background:#e6e6e6 !important;}
*{margin:0;padding:0;}
img{ border:none;}

#header{ height:120px; background-color:#fff;}
#top{ height:118px; width:960px; margin:0 auto;}
/*.logo{ width:126px; padding:9px 0 0 7px; float:left}*/
.h_right{ float:right; height:14px; width:797px; padding:33px 0 0 0;}
.h_right ul{ font-size:11px; height:14px; margin:0 0 0 38px; float: right;}
.h_right ul a{ font-size:11px; color:#595757; text-decoration:none; padding-left:15px; line-height:14px;}
.h_tel{ background:url(../images/img1.jpg) 0px 0px no-repeat;}
.h_join{ background:url(../images/img1.jpg) 0px -15px no-repeat;}
.h_cont{ background:url(../images/img1.jpg) 0px -29px no-repeat;}

#nav{ float:right; margin-top:48px; line-height:14px;}
#nav ul li{ float:left; list-style:none; margin-left:53px; display:inline;}
#nav ul li span{ padding-left:3px; float:right; padding-top:1px; bottom:0px;line-height:14px; font-weight:normal;}
#nav ul li p{ float:left;font-weight:bold; line-height:14px;}
#nav a{ float:left; font-size:12px; line-height:13px; color:#595757; text-decoration:none; }
#nav a:hover{ color:#c21010;}

.banner{ height:60px; margin:130px 0 0;}
.bannerPic{ width:100%; height:340px; margin:150px 0 60px; position:relative;}
.bannerPic .note{ width:100%; color:#333; position:absolute; top: 50%; transform: translate(0, -50%); text-align:center;}
.bannerPic .note h1{ font-size:42px; line-height:62px; padding:0 0 20px;}
.bannerPic .note h2{ font-size:20px; line-height:30px; font-weight:lighter;}


/*.neinav{ width:960px; height:49px; margin:0 auto; padding-bottom:30px;}
.neinav ul{width:690px; height:49px; margin:0 auto; list-style:none;}
.neinav ul li{ line-height:49px; float:left;}
.neinav ul li a{padding:0 15px; color:#595757; text-decoration:none; font-weight:bold;}
.neinav ul li a:hover{ color:#1d1d1d;}*/


.neinav{ width:960px; margin:0 auto;}
.neinav ul{width:960px; margin:0 auto; list-style:none;}
.neinav ul li{ line-height:49px; float:left;}
.neinav ul li a{ float:left; line-height:20px; display:block; padding:6px 24.6px; margin:0 9px 5px 0; color:#333333; background:#ccc; font-weight:bold; text-decoration:none; white-space:nowrap;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.neinav ul li a:hover,.neinav ul li a.now{ color:#fff; background:#000;}

.fenleibg{ width:92%; margin:0 auto; border-bottom:1px solid #838383;}
.fenlei{ clear:both; overflow:hidden;}
.fenlei-l{ float:left;}
.fenlei-l a{ float:left; font-size:14px; font-style:italic; line-height:50px; margin:0 45px 0 0; display:block; color:#838383; text-decoration:none; white-space:nowrap;}
.fenlei-l a:visited { text-decoration: none; color: #838383;}
.fenlei-l a:link { color: #838383; text-decoration: none;}
.fenlei-l a:hover{ color:#2b6af9; font-weight:bold;}
.fenlei-l .now{ display:block; color:#2b6af9 !important; font-weight:bold;}
.fenlei-s{ float:right; height:50px;}

.search-q{ float:left; height:36px; line-height:36px; width:178px; border:none; background:url(../images/ss.jpg) top right  no-repeat; color:#333333;-webkit-appearance: none;border-radius:0}
.search-go{ float:left; width:37px; height:36px; background:url(../images/ss.jpg) top left no-repeat; border:none;cursor:pointer;-webkit-appearance: none; border-radius:0;}



.Tvideo{ width: 60px; height: 60px; display: block; background: url(../images/icon_06.png) no-repeat; background-size:60px; z-index:10; position: absolute; left: 50%; top: 43%; transform: translate(-50%, -50%);}
@media screen and (min-width:1400px) {
.websitelist,.neinav,.i-ban,.i-service .list{ width:92% !important;}


}

.shang{width:49%; float:left; text-align:right; padding-bottom:20px;}
.shang a{ display:block;}
.xia{ width:54%; float:right; text-align:left; padding-bottom:20px;}
.xia a{ display:block;}
.xia li{width:auto  !important;}
@media screen and (max-width: 767px){.xia li{width:48% !important;}}

.link{ width:100%; height:25px; line-height:25px !important;float:left;}
.link a{ float:none !important; line-height:25px !important;}

.about{ width:960px; margin:0 auto;}
.aboutnav{ float:right; height:80px; padding-right:23px;}
.aboutnav a{color:#595757; margin-left:49px; float:left; font-weight:bold; line-height:45px; text-decoration:none;}
.aboutmain{ width:714px; float:left; text-align:justify;}
.aboutmain span{color:#595757; font-size:14px; font-weight:bold; line-height:30px;}
.aboutmain p{color:#595757; line-height:30px; margin-bottom:30px;}


.faq{ width:960px; margin:0 auto;}
.faqright{ width:402px; float:right;}
.faqright ul{ float:right; height:45px; padding-right:23px;}
.faqright ul a{ color:#595757; padding-left:46px; font-weight:bold;line-height:45px; text-decoration:none;}
.faqright img{ float:right; margin-top:40px;}
.faqleft{ width:510px; float:left;  margin-bottom:20px;}
.faqleft img{ float:left; margin:86px 0 57px 0;}
.faqleft span{  width:510px;color:#595757; font-size:12px; font-weight:bold; line-height:24px; float:left;}
.faqleft p{ width:510px; color:#595757; line-height:24px; padding-bottom:24px; float:left; text-align:justify;}

.con{ width:510px; float:left; margin:90px 0 6px 0; padding-left:8px; color:#000;  float:14px; }
.con p{float:left; font-size:11px; color:#595757; line-height:18px;}
.conta{ float:left; padding-left:8px; font-size:12px; color:#595757; line-height:24px;}
.conta a{color:#595757; text-decoration:none;}
.conta a:hover{ color:#be0000;}

.contt{ width:510px; float:left; list-style:none; margin-top:25px; padding-bottom:30px;}
.contt1{ width:510px; float:left; padding-bottom:16px; font-weight:bold;}
.contt2{ width:510px; float:left; margin-bottom:19px; height:22px; overflow:hidden; display:inline;}
.contt2 span{ width:50px; float:left; padding-left:15px; font-weight:normal; height:22px; line-height:22px;}
.contt2 a{ float:left; height:22px;}
.contt2 a img{ height:22px; padding:0px; margin:0px; float:left;}

.proshow{ width:1280px; margin:0 auto; padding:20px 0 40px 0;}
.proshow img{ max-width:100%; height:auto;}
.proshowpic{ font-size:16px; letter-spacing:1px; line-height:28px;}
.proshowpic a{ display:block;}
.proshowzi{ line-height:24px; color:#595757; padding-top:18px;}
.proshowziee{ background:url(../images/ee.jpg) 0 8px no-repeat;}
.proshowzie{ background:url(../images/e.jpg) 0 2px no-repeat;padding-left:18px; margin-left:34px;}
.proshowziss{ padding-top:7px;}
.proshowzi p{ padding-left:18px; font-size:14px;}
.proshowzi p a{color:#595757; text-decoration:none;}
.proshowzi p a:hover{ text-decoration:underline;}
.proshowzi p span{ color:#595757;}





.proshowmain{ width:500px; margin:0 auto; line-height:20px; padding-bottom:30px;}
.proshowmain img{ margin-bottom:25px;}
.proshowmain span{ font-weight:bold;}
.proshowmain a{ color:#979797;}
.back{margin:0 auto; display:block; font-size:18px; text-decoration:none; text-align:center; margin:20px 0 0 0;}


#foot{ width:100%; min-width:960px; background-color:#fff; clear:both; padding-bottom:35px;}
.foot_d{ width:960px; margin:0 auto; color:#595757; font-size:10px; line-height:24px; text-align:center; padding-top:35px;}
.foot_d a{ font-size:10px; color:#595757; text-decoration:none;}


.team{ width:960px; margin:0 auto;}
.teamleft{float:left; width:641px; margin-top:17px; line-height:22px; text-align:justify; }
.teamleft ul{ width:653px; float:left; padding-top:15px;}
.teamleft ul p{ padding-right:20px;}
.teampic{ margin-top:25px; width:642px; margin-bottom:35px;}
.teampic img{ margin-bottom:15px; display:inline;}
.teamright{ float:right; width:285px; height:626px; background:url(../images/img12.jpg)  no-repeat; margin-top:-17px;}


.youshi{ float:left; background:#f3f3f3; border:1px solid #fff; padding:10px 19px; line-height:30px; color:#595757; text-align:justify;}
.youshia{ font-weight:bold;color:#595757;}


/*ser*/
.serbanner{ width:960px; height:351px; margin:0 auto; background:url(../images/img22.jpg) 259px 0px no-repeat; }
.ser{ width:960px; margin:0 auto;}
.serpic{ float:left; width:298px; margin-right:33px; height:335px; display:inline; text-align:justify; overflow:hidden;}
.serpic img{ border:0px;}
.serpic a{ width:298px;color:#595757; line-height:20px; text-decoration:none; float:left}
.serhen{ float:left; padding-bottom:35px;}

.sershow{ width:960px; margin:0 auto; padding-top:20px;}
.sershowmain{ width:579px; margin:0 auto; line-height:20px; padding-bottom:30px; text-align:justify;}
.sershowmain img{ margin-bottom:25px;}
.sershowmain span{ font-weight:bold;}
.sershowmain a{ color:#595757;}


.opk {padding:10px; margin-bottom:10px; background:#FFF; overflow:hidden;}
.opk a {font-size:14px; color:#999; font-weight:bold; text-decoration:none; text-align:left;}
.open a:hover {color:#CCC;}
.opl {padding:0px 25px; overflow:hidden;}
.opj {padding:0px 5px; border-bottom:dashed 1px #CCC; overflow:hidden;}
.opj a {font-size:12px; text-align:left; text-decoration:none; color:#999;}
.opj a:hover {color:#CCC;}
.oph {overflow:hidden;}
.oph ul {list-style:none;}
.oph ul li {float:left; width:160px; margin:3px 4px; display:block; text-align:center; border:solid #CCC 1px;}
.oph ul li a {background:#666; color:#FFF; font-size:12px; width:160px; height:24px; display:block; line-height:24px; text-decoration:none;}
.oph ul li a:hover {background:#333; color:#FFF;}

.culture{ float:left;}
.culnei{ float:left; width:723px; border-bottom:1px  dotted #fff; margin-bottom:30px;}
.culbiao{ float:left;width:723px; color:#595757; line-height:25px;}
.culjiao{ float:left; width:44px; height:12px; background:url(../images/img38.jpg) no-repeat; overflow:hidden;}
.culmain{ float:left; width:683px; padding:13px 20px 15px 20px; background:#f3f3f3; line-height:20px; list-style:none;}
.culmain li{ list-style:none;}
.culzi{ margin-bottom:10px;}
.cultime{ float:left; line-height:44px; }



.cc-banner{ width:960px; height:381px; margin: 0 auto;}
.cc{ width:960px; margin:0 auto; padding-bottom:56px;}
.ccimg{ float:left;}
.cc-01{ float:left; width:960px; background:#fff; margin-bottom:56px; clear:both;}
.cc-h{ width:898px; height:81px; margin:0 auto; clear:both; border-bottom:1px dashed #d6d6d6;}
.cc-h img{ float:left; padding:42px 0 0 389px;}
.cc-02{ float:left; width:960px; list-style:none; padding-top:35px;}
.cc-02 li{ float:left; width:255px; height:165px; padding:0 0 0 49px; color:#6a6a6a; line-height:24px;}
.cc-03{ float:left; width:848px; padding:35px 0 30px 50px;}
.cc-04{ float:left;width:848px; padding:35px 0 30px 33px;}

.eight{width:80%;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}





/* iPads (portrait) ----------- */  
@media only screen   
and (min-device-width : 768px)   
and (max-device-width : 1024px)   
and (orientation : portrait) {  
.bannerPic{ height:340px; background-size:cover !important;}
.bannerPic .note h1{ font-size:24px; line-height:48px;}
.bannerPic .note h2{ font-size:16px; line-height:30px;}
}


/* iPads (portrait) 纵向----------- */  
@media only screen   
and (min-device-width : 768px)   
and (max-device-width : 1024px)   
and (orientation : landscape) {  
.bannerPic{ height:340px; background-size:cover !important;}
.bannerPic .note h1{ font-size:24px; line-height:48px;}
.bannerPic .note h2{ font-size:16px; line-height:30px;}

}

@media (min-device-width : 1024px) and (max-width: 1366px) and (orientation : portrait){


}

@media (max-width:767px){
.banner{ margin:130px 0 0;}
.bannerPic{ height:240px; background-size:cover !important; margin:80px 0 0;}
.bannerPic .note h1{ font-size:16px; line-height:28px; font-weight:bold}
.bannerPic .note h2{ font-size:14px; line-height:20px; padding:0 20px;}
.bannerPic .note h2 br{ display:none;}

.Tvideo{ width: 50px; height: 50px; background-size:50px;}
}