@charset "utf-8";
/*Reset www.toprand.net*/
*{ padding:0; margin:0}
html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label{margin:0;padding:0;border:0; font-size: 100%; font-weight:normal;}
img{border:none;}
ul,ul li{ list-style:none;} 
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;} 
select,input{ vertical-align:middle;font-size:12px;font-family:"\5FAE\8F6F\96C5\9ED1";}  
.hidden{ display:none}
i{ font-style:normal}
html,body{-webkit-text-size-adjust:none;}
table { border-collapse:collapse; }
.clear { zoom:1; }
.clear:after { content:''; display:block; clear:both; }
.pos{ position:relative;}

/*字体*/
.Arial{ font-family:"Arial", Helvetica, sans-serif;}
.yahei{ font-family:"\5FAE\8F6F\96C5\9ED1";}
.song{font-family:"\5B8B\4F53";}



/*颜色*/
.hei{ color:#000;}
.red{ color:#3689c4;}

/*链接*/
a {color:#222;text-decoration:none;hide-focus: expression( this.hideFocus=true );outline: none;/*-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;-mz-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;*/}
a:hover {color:#3689c4;}
a:active {color:#3689c4;}

/*basic*/ 
html{font-size:63%;}
body{font-family:PingFang-SC-Medium,Microsoft YaHei,SimSun,SimHei;font-size:12px;font-size:1.2rem;color:#7c7c7c; line-height:20px; margin:0 auto;}  

.cswrap{ width:1200px; margin:0 auto;}
.cstop{ height:40px; line-height:40px; background:#3689c4;}
.cstop .home{ float:right; color:#fff;}
.cstop .home span{ background:url(../images/icon1.png) left center no-repeat; padding-left:22px; float:left;}
.cstop .home span b{ font-size:26px; font-weight:normal; float:right; margin:0 0 0 10px;}
.cstop .home a{ float:left; margin:0 0 0 15px; color:#fff;}
.cstop .home a.icon1{ background:url(../images/icon2.png) left center no-repeat; padding-left:20px;}
.cstop .home a.icon2{ background:url(../images/icon3.png) left center no-repeat; padding-left:20px;}
.cstop .come{ float:left;margin: 0 0 0 0px;color:#fff;}
.csheader{ height:100px; background:#fff; float:left; width:100%;}
.csheader h1{ float:left; margin:15px 0 0 5px;}
.nav{ float:right; margin:34px 0 0 0; position:relative;}
.navlist li{ float:left; font-size:16px; line-height:54px; margin-left:43px; position:relative;}
.navlist li a{ display:block; padding:0 5px;}
.navlist li a:hover,.navlist li.hover a{ color:#3689c4;border-bottom:2px solid #3689c4; padding-bottom:10px;}
.navbox{ position:absolute; left:0; top:54px;}
.bgnav{ position:absolute; left:0; top:140px; width:100%; background:url(../images/bgnav1.png) center  top repeat-y; z-index:999; display:none;}
.csnavboxlist{ float:left; margin-left:655px; padding:16px 0 10px;}
.csnavboxlist li{ float:left; width:118px; height:100px;font-size:13px; line-height:28px; display:none;}
.csnavboxlist li a{ color:#fff;padding-left:16px;}
.csnavboxlist li a:hover{background:url(../images/dian2.png) left center no-repeat;}
.csnavboxlist li.hover{ display:block;}

.csfooter{ background:#282828; height:280px; float:left; width:100%;}

.ftnavlist{ float:left; width:699px; border-right:1px solid #404040; height:185px; margin:44px 0 0 0;}
.ftnavlist li{ float:left; width:115px; line-height:26px;}
.ftnavlist li a{ color:#c4c4c4;}
.ftnavlist li a:hover{ color:#fff;}
.ftnavlist li h2{ font-size:16px; line-height:20px; padding-bottom:15px; background:url(../images/bgline.jpg) left bottom no-repeat; margin-bottom:10px;}
.ftnavlist li h2 a{ color:#fff;}
.ftright{ float: right; width:454px; margin:44px 0 0 0;}
.ftright .address{ float:left; width:278px; line-height:24px; color:#a4a4a4;}
.ftright .address p.spa{ font-size:14px; color:#fff;}
.ftright .address .phone{ background:url(../images/icon4.png) left top no-repeat; padding-left:58px; border-bottom:1px solid #a4a4a4; height:68px; display:block; color:#a4a4a4; font-size:15px; margin-bottom:12px;}
.ftright .address .phone b{ display:block; color:#fff; font-size:26px; font-weight:normal; line-height:36px;}
.ftright .ewm{ float:right; background:#535353; text-align:center; height:143px; color:#fff;}
.backtop{ position:fixed;left:50%; bottom:200px; margin-left:640px; z-index:10; cursor:pointer; display:none;}




/*text*/
.b{ font-weight:bold;}
.em{ text-indent:2em;}

/*字体大小*/
.f10{font-size:10px;}
.f12{ font-size:12px;}
.f13{ font-size:13px;}
.f14{ font-size:14px;}
.f15{ font-size:15px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.f22{ font-size:22px;}
.f24{ font-size:24px;}
.f32{ font-size:32px;}
.f36{ font-size:36px;}

/*2016/11/9*/
/*.fixbox{ position:fixed; left:0; bottom:0; width:100%; height:132px; background:rgba(33,33,33,0.8); z-index:885;}
.fixright{ float:right; width:738px; padding:28px 0 0 0; position:relative;}
.flogo{ float:left; padding:32px 0 0 0;}
.flogo img{ float:left;}
.flogo span{ float:left; color:#fff; font-size:20px; padding-left:30px; line-height:30px;}
.fixright .closex{ position:absolute; right:0; top:8px; width:25px; height:25px; background:url(../images/close3.png) no-repeat; cursor:pointer;}
.fixright table td{ vertical-align:top;}
.fixright table td p{ height:35px; padding-bottom:8px;}
.fixright .ctxt1{ width:244px; height:33px; border:1px solid #d9d9d9; background:#fff; padding-left:8px; font-size:14px; color:#888; line-height:33px;}
.fixright .ctxt2{ width:113px; margin-right:7px;}
.fixright .cbtn1{ background:#be1008; width:147px; height:64px; color:#fff; float:left; text-align:center; font-size:16px; padding:14px 0 0 0; line-height:24px; cursor:pointer;}*/

/*2016/11/9*/
.fixbox-wrap{ position:fixed; left:0; bottom:0;}
.fixbox{background:rgba(33,33,33,0.8); z-index:885; width:100%;height:131px;overflow:hidden; position:fixed; left:0%; bottom:0;}
.fixright{ float:right; width:738px; padding:28px 0 0 0; position:relative;}
.flogo{ float:left; padding:32px 0 0 0;}
.flogo img{ float:left;}
.flogo span{ float:left; color:#fff; font-size:20px; padding-left:30px; line-height:30px;}
.fixright .closex{ position:absolute; right:0; top:8px; width:25px; height:25px; background:url(../images/close3.png) no-repeat; cursor:pointer;}
.fixright table td{ vertical-align:top;}
.fixright table td p{ height:35px; padding-bottom:8px;}
.fixright .ctxt1{ width:244px; height:33px; border:1px solid #d9d9d9; background:#fff; padding-left:8px; font-size:14px; color:#888; line-height:33px;}
.fixright .ctxt2{ width:113px; margin-right:7px;}
.fixright .cbtn1{ background:#be1008; width:147px; height:64px; color:#fff; float:left; text-align:center; font-size:16px; padding:14px 0 0 0; line-height:24px; cursor:pointer;}
.changeSmall{ position:fixed; left:-100%; bottom:0;}
.changeSmall b{ float:right; cursor:pointer;}