@charset "utf-8";
/* CSS Document */
html{background-color:#f2f2f2;}
.mian{width:100%; margin:0 auto; min-width:320px; overflow:hidden; background-color:#fff; font-family:"宋体"; background:url(../images/Common/bodyBg.png) repeat;}
a{text-decoration:none; color:#333333;}
a:hover {color:#ff6600;}

.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;   }
	.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
	.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:rgba(51,51,51,0.5);   }
	.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1;font-size:0 }
	.focus .hd ul .on{ background:#FF4000;  }
	.focus .bd{ position:relative; z-index:0; }
	.focus .bd li img{ width:100%; }
	.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }


/*页头*/
.header{position:relative; overflow:hidden; background:#FFFFFF;}
.logoBox{position:absolute; left:10px; top:30px;}
.hdPhone{margin-top:30px; margin-left:126px;}
.hdPhone h5{font-size:18px; color:#000;}
.hdPhone p{padding:2px 0 2px 20px; line-height:14px; font-size:22px; font-weight:bold; background:url(../images/Common/hdPhone_ico.png) no-repeat left center; background-size:16px auto;}
.hdPhone p a{color:#f70501;}


/*导航栏*/
.dh_nav{margin-bottom:8px;}
.dh_nav ul{width:100%; height:92px; overflow:hidden;}
.dh_nav li a{position:relative; float:left; width:25%; height:45px; line-height:45px; text-align:center; font-size:14px; color:#fff; border-top:1px solid #fff;
background-color:#404144; 
background-image:-moz-linear-gradient(top , #f70501 , #be0200);
background-image:-webkit-linear-gradient(top , #f70501 , #be0200);
background-image:-o-linear-gradient(top , #f70501 , #be0200);
background-image:-ms-linear-gradient(top , #f70501 , #be0200);
background-image:linear-gradient(top , #f70501 , #be0200);
}
.dh_nav li a:after{content:''; position:absolute; top:0; right:-1px; z-index:9; height:45px; width:1px; background-color:#fff;}


.content{padding-left:7px; padding-right:8px;}

/*效果图*/
.xgt{margin-top:8px; border:1px solid #ccc; background-color:#fff;}
.xgtLink{overflow:hidden;}
.xgtLink ul.hd li{float:left; margin:10px 5% 0 5%; width:40%; height:40px; line-height:40px; color:#fff; text-align:center; border-radius:6px; font-size:14px;
background-color:#f70501; 
background-image:-moz-linear-gradient(top , #f70501 , #be0200);
background-image:-webkit-linear-gradient(top , #f70501 , #be0200);
background-image:-o-linear-gradient(top , #f70501 , #be0200);
background-image:-ms-linear-gradient(top , #f70501 , #be0200);
background-image:linear-gradient(top , #f70501 , #be0200);}
.xgt .bd ul{margin:14px 0; overflow:hidden;}
.xgt .bd li{margin:0 10px; float:left; width:94px;}
.xgt .bd li h5{font-size:14px; height:24px; line-height:24px; overflow:hidden; font-weight:normal; text-align:center;}
.xgt .bd li h5 a{color:#505050;}
.xgt .bd li img{ border:1px solid #d1d1d1;}
.xgt dl{margin:0 10px; padding:10px 0; border-top:1px solid #e5e5e5; text-align:center;}
.xgt dt span{font-size:14px; color:#000; padding-left:18px; background:url(../images/Common/hdPhone_ico.png) no-repeat left center; background-size:16px auto;}
.xgt dd a{font-size:26px; font-weight:bold; color:#b7231c;}



.titEr{overflow:hidden; font-size:16px; border-bottom:1px solid #be0200;
background-color:#fff; 
background-image:-moz-linear-gradient(top , #fff , #f3f3f3);
background-image:-webkit-linear-gradient(top , #fff , #f3f3f3);
background-image:-o-linear-gradient(top , #fff , #f3f3f3);
background-image:-ms-linear-gradient(top , #fff , #f3f3f3);
background-image:linear-gradient(top , #fff , #f3f3f3);}
.titEr li{float:left; width:50%; height:40px; line-height:40px; text-align:center; color:#be0200;}
.titEr li.on{background-color:#f70501; color:#fff;
background-image:-moz-linear-gradient(top , #f70501 , #be0200);
background-image:-webkit-linear-gradient(top , #f70501 , #be0200);
background-image:-o-linear-gradient(top , #f70501 , #be0200);
background-image:-ms-linear-gradient(top , #f70501 , #be0200);
background-image:linear-gradient(top , #f70501 , #be0200);}


.titEr1{overflow:hidden; font-size:16px; border-bottom:1px solid #be0200;
background-color:#fff; 
background-image:-moz-linear-gradient(top , #fff , #f3f3f3);
background-image:-webkit-linear-gradient(top , #fff , #f3f3f3);
background-image:-o-linear-gradient(top , #fff , #f3f3f3);
background-image:-ms-linear-gradient(top , #fff , #f3f3f3);
background-image:linear-gradient(top , #fff , #f3f3f3);}
.titEr1 li{float:left; width:30%; height:40px; line-height:40px; text-align:center; color:#be0200;}
.titEr1 li.on{background-color:#f70501; color:#fff;
background-image:-moz-linear-gradient(top , #f70501 , #be0200);
background-image:-webkit-linear-gradient(top , #f70501 , #be0200);
background-image:-o-linear-gradient(top , #f70501 , #be0200);
background-image:-ms-linear-gradient(top , #f70501 , #be0200);
background-image:linear-gradient(top , #f70501 , #be0200);}
.titEr1 span{ line-height:40px; font-size:14px; float:right; padding-right:20px; font-weight:normal;}


/*客户见证*/
.khjz{margin-top:10px; border:1px solid #ccc; background-color:#fff;}
.khjz dl{margin:16px 0; height:84px; overflow:hidden;}
.khjz dt{margin-left:12px; margin-right:10px;}
.khjz dd{margin-right:6px;}
.khjz dd h5{height:20px; overflow:hidden; font-size:14px;}
.khjz dd h5 a{color:#333;}
.khjz dd p{line-height:16px; color:#666;}


.khjz .bd ul{margin:16px 0;  overflow:hidden;}
.khjz .bd ul li{float:left;padding:0 8px 5px 11px;text-align:center; font-size:14px;}
.khjz .bd ul li p a{color:#333; line-height:24px;}

/*为什么*/
.wsm{margin-top:10px; overflow:hidden; border:1px solid #ccc; background-color:#fff;}

/*四大理由*/
.sdly{position:relative;}
.sdly dl{position:absolute; top:380px; padding:10px 0; width:100%; text-align:center;}
.sdly dt span{font-size:14px; color:#fff; padding-left:18px; background:url(../images/Index/baiPhone_ico.png) no-repeat left center; background-size:16px auto;}
.sdly dd a{font-size:26px; font-weight:bold; color:#fff;}

/**/
.gcfx{margin:10px 0; height:534px; overflow:hidden; background:url(../images/Index/gcfxBg.png) no-repeat center; background-size:auto 534px;}
.gcfx ul{margin:80px 18px 0 18px;}
.gcfx ul li{height:34px; line-height:34px; font-size:14px; color:#444; border-bottom:1px solid #d9d9d9;}
.gcfx ul li b{float:left; margin-top:10px; margin-right:14px; width:14px; height:14px; line-height:14px; text-align:center; color:#fff; background-color:#8e0304; border-radius:50%; font-weight:normal;}


/*关于*/
.gyBox{margin:10px 0; background-color:#fff; border:1px solid #ccc;}
.gyBox h4{position:relative;}
.gyBox h4 b a{position:absolute; right:20px; top:8px; font-size:16px; color:#1f1f1f;}
.gyBox dl{width:96%; margin:16px auto;}
.gyBox dd p{margin:10px 0; line-height:20px; font-size:14px; color:#666;}
.gyBox dd a{display:block; margin:0 auto; width:190px; height:36px; line-height:36px; text-align:center; color:#333333; font-size:14px;}



.tabTitS{height:35px; line-height:35px;}
.tabTitS ul{overflow:hidden;
background-color:#fff; 
background-image:-moz-linear-gradient(top , #fff , #f3f3f3);
background-image:-webkit-linear-gradient(top , #fff , #f3f3f3);
background-image:-o-linear-gradient(top , #fff , #f3f3f3);
background-image:-ms-linear-gradient(top , #fff , #f3f3f3);
background-image:linear-gradient(top , #fff , #f3f3f3);}
.tabTitS ul li{float:left; width:33.3333%; text-align:center; color:#be0200; font-size:14px; font-weight:bold;}
.tabTitS ul li.on{background-color:#f70501; color:#fff;
background-image:-moz-linear-gradient(top , #f70501 , #be0200);
background-image:-webkit-linear-gradient(top , #f70501 , #be0200);
background-image:-o-linear-gradient(top , #f70501 , #be0200);
background-image:-ms-linear-gradient(top , #f70501 , #be0200);
background-image:linear-gradient(top , #f70501 , #be0200);}


/*动态*/
.dtSpan{padding-bottom:10px; background-color:#fff; border:1px solid #ccc;}
.dtSpan .dtImg{padding:18px 0; text-align:center;}
.dtBox ul{padding:0 10px;}
.dtBox li{padding-left:14px; height:26px; line-height:26px; font-size:14px; background:url(../images/Index/dtLiIco.png) no-repeat left center; overflow:hidden;}
.dtBox li a{color:#333; overflow:hidden;}




.binPlus{position:fixed; left:10px; bottom:10px; z-index:9999;}
.binPlus .bpBtn{position:relative; width:50px; height:50px; background-color:#f70501; -moz-border-radius:100%;
-webkit-border-radius:100%;
-o-border-radius:100%;
-ms-border-radius:100%;
border-radius:100%; }

.binPlus .circle{position:absolute; left:30px; bottom:30px; width:160px; height:160px; transition: all .2s;}
.binPlus .circle a{position:absolute; display:block; width:60px; height:60px; line-height:80px; text-align:center; border-radius:100%; background-color:#333; background-image:url(../images/binPlusItem.png); background-repeat:no-repeat; text-indent:-99em;}
.binPlus .circle .cir01{left:-36px; bottom:40px; background-position:left top;}
.binPlus .circle .cir02{left:30px; bottom:30px; background-position:left -60px;}
.binPlus .circle .cir03{left:40px; bottom:-36px; background-position:left -120px;}

.binPlus .circle.hide{opacity:0; -webkit-transform:translate(-100px,100px) scale(0.2); pointer-events:none;}
.binPlus .circle.show{opacity:1; -webkit-transform:translate(-0px,0px) scale(1); pointer-events:auto;}






.footer{margin-top:10px; padding-bottom:70px; background-color:#fff; text-align:center; font-size:14px; color:#333; overflow:hidden;}
.footer em{color:#aa2019;}
.toTop{overflow:hidden; border-top:1px solid #ccc;}
.toTop .linkTop {padding-left:12%; width:16%; height:44px; line-height:44px; text-align:left;}
.toTop .toPhone{padding-left:12%; width:55%; height:44px; line-height:44px; text-align:left;}
.toTop .linkTop{background:url(../images/Common/toTopIco.png) no-repeat 10% center; background-size:10px auto; color:#d31d1c;}
.toTop .toPhone{font-weight:bold; color:#1f1f1f;}
.ftNav{width:100%; height:92px; overflow:hidden;}
.ftNav li a{position:relative; float:left; width:25%; height:45px; line-height:45px; text-align:center; font-size:14px; color:#fff; border-top:1px solid #fff;
background-color:#62c7f8; 
background-image:-moz-linear-gradient(top , #f70501 , #be0200);
background-image:-webkit-linear-gradient(top , #f70501 , #be0200);
background-image:-o-linear-gradient(top , #f70501 , #be0200);
background-image:-ms-linear-gradient(top , #f70501 , #be0200);
background-image:linear-gradient(top , #f70501 , #be0200);}
.ftNav li a:after{content:''; position:absolute; top:0; right:-1px; z-index:9; height:45px; width:1px; background-color:#fff;}
.footer p{line-height:25px; padding-top:25px;}


.bottom_f {width:100%; height:50px; position: fixed; left:0; bottom:0; z-index:500; font-family:"宋体";}
.bottom_t {width:100%; height:32px; line-height:32px; background:#141414; color:#FFFFFF; text-align:center;}
.bottom {width:100%; height:48px; border:1px solid #141414; background:url(../images/foot_bg.gif);}
.bottom .b_tel {width:33%;height:48px;text-align:center;border-right:1px solid #141414;float:left;}
.bottom .b_adv {height:48px;text-align:center;float:rihgt;background-image: url(../images/bottom_2.png);background-repeat: no-repeat;background-position: right;}
.bottom_f img {width:22px; height:22px;}
.bottom img {width:25px; height:25px;}
.bottom_f a,.bottom_f a:link,.bottom_f a:visited,.bottom_f a:active{color:#fff;}

.contact { width:100%; height:59px; background:rgba(240,242,245,0.95); color:#2d3334; position: fixed;z-index: 100;left: 0;right: 0;bottom: 0; border-top:1px solid rgba(225,227,229,0.9); -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; font-family:"宋体";}
.contact a { display:block; width:25%; height:59px; color:#2d3334; text-align:center; float:left; font-family:"宋体";}

.contact a .qq { background:url(../images/bottomcon.png) center 0 no-repeat;}
.contact a .tel { background:url(../images/bottomcon.png) center -36px no-repeat;}
.contact a .sms { background:url(../images/bottomcon.png) center -72px no-repeat;}
.contact a .add { background:url(../images/bottomcon.png) center -108px no-repeat;}
.contact a .contactlist_logo{ height:36px; background-size:36px 144px;}
.contact a .contactlist_text{ font-size:12px; height:12px; line-height:12px; padding:4px 0 7px;}
.contact_details { width:100%; height:100%; position:fixed; z-index:200; background:#fff; left:0; top:100%; opacity:0; transition:top 0.2s ease, opacity 0.6s ease; -webkit-transition:top 0.2s ease, opacity 0.6s ease;}
.contact_details_top { width:100%; height:35%; position:absolute; background:#5ea4e0; left:0; top:0;}
#contact_tel .contact_details_top { background:#32c78b;}
#contact_sms .contact_details_top { background:#e5de0b;}
#contact_add .contact_details_top { background:#ff5967;}
.contact_details_top a { display:block; width:34px; line-height:34px; font-size:34px; font-weight:bold; color:#fff; text-align:center; position:absolute; right:5%; top:8%;}
.contact_details_top p { width:95%; font-size:28px; font-weight:bold; color:#fff; position:absolute; left:5%; bottom:8%; font-family:"宋体";}
@media screen and (min-width:360px){.contact_details_top a { width:36px; line-height:36px; font-size:36px;} .contact_details_top p{font-size:32px;}}
@media screen and (min-width:400px){.contact_details_top a { width:40px; line-height:40px; font-size:40px;} .contact_details_top p{font-size:34px;}}
@media screen and (min-width:600px){.contact_details_top a { width:56px; line-height:56px; font-size:56px;} .contact_details_top p{font-size:48px;}}
.contact_details_bottom { width:90%; height:65%; padding:0 5%; position:absolute; left:0; top:35%; font-family:"宋体";}
.contact_details_bottom a { display:block; width:100%; padding:8px 0; margin-top:3%; line-height:1.2; font-size:18px; font-weight:500; color:#888; text-align:center; background:#eee; border-radius:16px; font-family:"宋体";}
@media screen and (min-height:400px){.contact_details_bottom a {padding:10px 0; margin-top:4%;}}
@media screen and (min-height:500px){.contact_details_bottom a {margin-top:5%; font-size:20px; border-radius:18px;}}
@media screen and (min-height:600px){.contact_details_bottom a {padding:12px 0; margin-top:6%; font-size:22px; border-radius:20px;}}
@media screen and (min-height:700px){.contact_details_bottom a {padding:14px 0; font-size:24px; border-radius:22px;}}
.contact_details_bottom a span { font-size:14px; color:#aaa;}