@charset "utf-8";
body{background-color:#fff; margin:0; padding:0; font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif,"宋体"; color:#333;}
p,span,ul,ol,li,dl,dt,dd,a,h1,h2,h3,h4,h5,h6{ padding:0;margin:0; list-style:none; font-size:14px;}
img{ border:0;}
.box{ width:1200px; margin:0 auto;}
.box-100{ width:100%; text-align:center;}
.box-100 img{display:block;}
.left{ float:left}
.right{ float:right;}
.mar_t{ margin-top:24px;}
.clear{clear:both;font-size:0;height:0;line-height:0; overflow:hidden;}
.relative{ position:relative;}
em{ font-style:normal; color:#e53434;}
a em{ color:#e53434;}
a{color:#333; text-decoration:none;transition:0.4s;-moz-transition:0.4s;-webkit-transition:0.4s;-o-transition:0.4s;}
/*a:visited, a:active{color:#666;text-decoration:none;}*/
a:hover{ color:#ef4a4b; text-decoration:none;transition:0.4s;-moz-transition:0.4s;-webkit-transition:0.4s;-o-transition:0.4s;}

/*--header--*/
.header{width:1200px; height:140px; margin:0 auto;}
.header img{ vertical-align:middle;}
.logo{float:left; height:100px; width:500px; margin:20px 0; position:relative;}
.logo h1,.logo span{ position:absolute; top:66px; left:110px; color:#999; font-size:14px; font-weight:normal;}

.head-icon{float:right; padding:45px 0;}
.head-icon a{display:inline-block; text-align:left;margin-right:40px; height:46px;}
.head-icon a i{border:1px solid #fff; width:44px; height:44px; text-align:center;line-height:44px; float:left; margin-right:10px;}
.head-icon a i.tel{ background:#f7f7f7 url(../images/ico_tel_24.png) no-repeat center center;}
.head-icon a i.mail{ background:#f7f7f7 url(../images/ico_mail_24.png) no-repeat center center;}
.head-icon a p{float:left; line-height:18px; margin:5px 0; font-size:14px;}
.head-icon a b{display:block; color:#999; font-weight:normal; font-size:12px;}

.top-code{ width:100px; height:120px; margin-top:10px; float:right; text-align:center; line-height:20px; color:#999; font-size:12px;}
.top-code img{ width:100px; height:100px; display:block;}

.nav-search{position:absolute; right:0; top:0; height:58px; z-index:1;
transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; -o-transition:.3s;}
.nav-search:before{display:block; content:''; border-width:0 0 58px 27px; position:absolute; right:0; bottom:0;
border-color:transparent transparent #fb4848 transparent; border-style:solid; width:142px;
transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; -o-transition:.3s;}
.nav-search form{color:#fff; display:block; padding:0 15px 0 5px; height:58px; overflow:hidden; font-size:15px;} 
.nav-search form i{float:left; position:relative; margin-top:12px; width:36px; height:36px; cursor:pointer;}
.nav-search form i:before{display:block; content:''; border:1px solid #fff; width:15px; height:15px; 
position:absolute; left:8px; top:9px; border-radius:50%;
transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; -o-transition:.3s;}
.nav-search form i:after{display:block; content:''; background:#fff; width:1px; height:6px; 
position:absolute; left:22px; top:21px; transform:rotate(-45deg); -moz-transform:rotate(-45deg); 
-ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);
transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; -o-transition:.3s;}
.nav-search form b{float:left; font-weight:normal; position:relative; z-index:1; width:54px; overflow:hidden; cursor:pointer;
transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; -o-transition:.3s; opacity:1;}
.nav-search form b:after{content:'...'; letter-spacing:3px; padding-left:5px; display:inline-block;
-webkit-animation:search 5s infinite both; -moz-animation:search 5s infinite both;}
.nav-search form input.text{float:left; border:none; background:none; padding:0 5px; font-size:15px; height:30px; line-height:30px;
transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; -o-transition:.3s;
position:relative; z-index:1; outline:none; margin:15px 5px 0 0; width:0; opacity:0;}
.nav-search form input.text::-webkit-input-placeholder{color:rgba(255,255,255,.45);}
.nav-search form input.text:-moz-placeholder{color:rgba(255,255,255,.45);}
.nav-search form input.text::-moz-placeholder{color:rgba(255,255,255,.45);}
.nav-search form input.text:-ms-input-placeholder{color:rgba(255,255,255,.45);}
.nav-search form input.submit{display:none !important;}
.nav-search:focus:before,.nav-search:hover:before{border-width:0 0 58px 13px; opacity:.95; width:232px;}
.nav-search:hover form{}
.nav-search:focus form input.text,.nav-search:hover form input.text{width:140px; opacity:1; color:#fff;}
.nav-search:hover form i:before{}
.nav-search:hover form i:after{}
.nav-search:focus form b,.nav-search:hover form b{width:0; opacity:0;}
/*Menu*/
.navBar {width:100%;height:58px;line-height:58px;background:#36404b;}
.nav{position:relative;width:1200px;margin:0 auto;font-family:"Microsoft YaHei",SimSun,SimHei; z-index:9999;}
.nav a {color:#fff;font-size:16px;}
.nav h3 {font-weight:normal;}
.nav .m {float:left;position:relative;z-index:1;}
.nav h3 a {	display:block;width:120px;text-align:center;}
.nav .sub {	display:none;position:absolute;	left:-3px;top:57px;	z-index:1;width:125px;background:#36404b;}
.nav .sub li {border-top:1px solid #464f59; text-align:center;}
.nav .sub li a {display:block;padding:8px 16px;height:28px;	line-height:28px;font-size:13px;}
.nav .sub li a:hover { background:#ef4a4b;color:#fff;}
.nav .block {height:58px;width:125px;background:#ef4a4b;position:absolute;left:0;top:0px;overflow:hidden;}

/*--header end--*/
.right_float{ position:fixed;_position: absolute;z-index:2;left: 50%;margin-left:620px;bottom:200px; background:#f7f7f7; z-index:999999; border-radius:8px}
.right_float .service{ display:block; background: url(../images/service.png) center 16px no-repeat; text-align:center; padding:66px 16px 16px 16px; line-height:20px;color:#333;}
.right_float .service p{ border-radius:8px; line-height:20px; background:#fb4848; color:#fff; font-size:12px; margin-top:4px;}
#go-top{width:100%; border-radius:0 0 8px 8px; padding:8px 0; float:left;cursor:pointer;display:none; text-align:center; line-height:14px; font-size:14px; background:#36404b; color:#fff;}
#go-top:hover{ background:#fb4848;}
#go-top span{ font-size:24px; font-weight:bold;}
.showit{display:block;}
.hidden{display:none;}



/*--footer start--*/
.footer{ width:100%;background:#36404b; font-size:12px; margin-top:24px; overflow:hidden}
.foot_nav{  padding:40px 0; text-align:center; color:#9aa6b2; border-bottom:#464f59 1px solid;}
.foot_nav a{ margin:0 10px;}
.foot_nav a:hover,.foot_contact li a:hover{ text-decoration:underline;}
.foot_contact{ margin:40px 0; overflow:hidden;}
.foot_contact li{ width:180px; height:80px; float:left; background-position:60px center; background-repeat:no-repeat; padding-left:120px;}
.foot_contact li:nth-of-type(1){ background-image:url(../images/ico-address.png);}
.foot_contact li:nth-of-type(2){ background-image:url(../images/ico-tel.png);}
.foot_contact li:nth-of-type(3){ background-image:url(../images/ico-qq.png);}
.foot_contact li:nth-of-type(4){ background-image:url(../images/ico-mail.png);}
.foot_contact li b{ display:block; color:#9aa6b2; font-size:12px; line-height:24px;}
.foot_contact li p{ line-height:18px; color:#fff;}
.footer a{ color:#fff}
.footer a:hover{color:#fff;}
.foot_copy{ height:80px; padding:6px 0; background:#2c343d; width:100%; float:left; color:#9aa6b2; text-align:right;}
.foot_copy img{ float:left;}
.link{ margin-top:18px; line-height:24px; width:900px; float:right;}
.link a{ margin:0 6px;white-space:nowrap;}
.foot_copy a{color:#9aa6b2; margin:0 8px;}
.foot_copy p{ float:right;}
/*--footer end--*/

.location{ width:1200px; background:#fff; text-indent:1em; overflow:hidden; border-bottom:#eee 1px solid; height:46px; line-height:46px; margin:20px auto 0 auto;font-size:14px;}
.location a,.location span,.location h1{ margin:0 6px;font-size:14px;}
.location h1{font-weight:normal; display:inline-block; text-indent:0;}
.location span{ color:#999;}
.fontred{ color:#fb4848}
.fontblue{ color:#06F}

.list_page{ text-align:center; margin:40px;}
.list_page b{ color:#222;}
.list_page a,.list_page span{ background:#f7f7f7; border:#ccc 1px solid; color:#222; border-radius:6px 6px 6px 6px;-moz-border-radius:6px 6px 6px 6px;-webkit-border-radius:6px 6px 6px 6px; padding:8px 16px; margin:6px;}
.list_page span{ color:#777;}
.list_page a:hover{ background:#ef4a4b; border-color:#ef4a4b; color:#fff}
.

{border-radius:6px 6px 6px 6px;-moz-border-radius:6px 6px 6px 6px;-webkit-border-radius:6px 6px 6px 6px;}