@charset "UTF-8";
/*public */
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
img{border:0; }
.after:after {content: "";display: block;clear: both;}
ul,dl,li,dt,dd{list-style:none;}
body{font-size:14px; color:#8e8e8e;font-family:commonfont;}
a{text-decoration:none; color:#909090;transition: all 0.3s ;}
a:hover{color:#e54d4d;}
.clear{clear: both;: ;width: 100%;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input,textarea,select{outline: none; cursor: pointer;}
textarea{resize:none; overflow:hidden;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
.hovers:hover{opacity:0.7;filter:alpha(opacity=70);cursor:pointer;}
.z-container{width: 1000px;height: auto;clear: both;margin: 0 auto;}
.z-row{width: 100%;height: auto;clear: both;margin: 0 auto;overflow: hidden;}
.public_auto{width:1200px;margin:0px auto;}
.public_top_auto{width:1200px;margin:0px auto;}
.fl{float: left;}
.fr{float: right;}
/* @font-face{
font-family: 'commonfont';
src: url('../font/fangzheng.ttf') format('truetype'), url('../font/fangzheng.svg') format('svg'),url('../font/fangzheng.woff') format('woff');
font-weight: normal;
font-style: normal;
} */
/*top淇℃伅鏍?/
.heder_top{height:40px;background-color:#f2f2f2;width:100%;}
.top_left{float:left;font-size:13px;color:#333333;line-height:40px;}
.top_right{float:right;}
.top_right a{font-size:13px;color:#333333;line-height:40px;display:inline-block;margin:0px 10px;}
.top_right a:hover{color:#f23727;}
@media (max-width: 1300px){
.public_top_auto{width:90%;margin:0px auto;}
}
@media (max-width:750px){
.heder_top{display:none;}
}

/*鐢佃剳鐗坆anner*/
.fader {position: relative; height:600px; }
.fader .prev{background: url(../images/focus_btn.png) no-repeat;height: 100px; width: 45px;background-position: 0 -100px;}
.fader .next{background: url(../images/focus_btn.png) no-repeat;height: 100px; width: 45px;background-position: -45px -100px;}
.fader .prev:hover {background-position: 0 0;}
.fader .next:hover {background-position: -45px 0;}
.fader .slide {position: absolute;width: 100%; height: 100%; top: 126px; z-index: 1; opacity: 0;}
.fader .prev,.fader .next {position: absolute;  top: 45%; left: 50px;z-index: 4;margin-top: -25px; cursor: pointer; }
.fader .next {  left: auto;  right: 50px;}
.fader .pager_list { position: absolute;width: 100%; height:8px; padding: 0;bottom:50px; text-align: center;z-index: 4;}
.fader .pager_list li { padding:0;display: inline-block;width:20px; height:8px;margin: 0 4px; background:#b4b4b4; opacity: .7; text-indent: -9999px;border-radius:8px;cursor: pointer; transition: all 150ms;}
.fader .pager_list li.active { width:40px; background:#212023;}
@media screen and (max-width:1640px) {.fader{ height:512px;}}
@media screen and (max-width:1440px) {.fader{ height:450px;}}
@media screen and (max-width:1240px) {.fader{ height:387px;}}
@media screen and (max-width:1040px) {.fader{ height:325px;}}
@media screen and (max-width:940px) {.fader{ height:293px;}}
@media screen and (max-width:640px) {.fader{ height:200px;}}
/*鐢佃剳鐗堝鑸?/
.web_logo a img{margin:15px 0px;}
.computer_header{width:1200px;margin:0px auto;}
.web_logo{float:left;}
.computer_nav{float:right;margin:20px 0px;}
.computer_nav ul li{float:left;}
.computer_nav ul li a{display: inline-block;width: auto;padding-left: 20px; line-height: 50px; vertical-align: top; font-size: 16px; color: #333333;transition: all .4s ease 0s; -webkit-transition: all .4s ease 0s; -moz-transition: all .4s ease 0s;}
.computer_nav ul li a i {display: inline-block;vertical-align: middle;margin: -1px 5px 0 0;width: 0px; height: 1px; background-color: #f23727; transition: all .4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -webkit-transition: all .4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -moz-transition: all .4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s;}
.computer_nav ul li a:hover i {width: 15px;}
.computer_nav ul li a:hover{color:#f23727;}
/*banner*/
.addWrap{ position:relative; width:100%;background:#fff;margin:0; padding:0;}
.addWrap .swipe{overflow: hidden;visibility: hidden;position:relative;}
.addWrap .swipe-wrap{overflow:hidden;position:relative;}
.addWrap .swipe-wrap > div {float: left;width: 100%;position:relative;}
#position{ position:absolute; bottom:0; right:0; margin:0; background:#000; opacity: 0.4; width:100%; filter: alpha(opacity=50);text-align:right;height:25px;    text-align: center;}
#position li{width:12px;height:12px;margin:5px 5px 0px 0px;display:inline-block;-webkit-border-radius:5px;border-radius:5px;background-color:#AFAFAF;}
#position li.cur{background-color:#146bb8;}
.img-responsive { display: block; max-width:100%;height: auto;}

.phone_header{display:none;}
@media (max-width: 1300px){
.computer_header{width:90%;margin:0px auto;}
}
@media (max-width: 1100px){
.computer_header{width:90%;margin:0px auto;}
.web_logo{width:25%;}
.computer_nav ul li a{font-size:13px;}
}
@media (max-width: 960px){
.computer_header{width:90%;margin:0px auto;}
.computer_nav ul li a{font-size:12px;}
.computer_nav{margin: 10px 0px;}
}
@media (max-width: 800px){
.computer_header{width:98%;margin:1% auto;}
.web_logo{width:20%;}
.computer_nav ul li a{font-size:12px;}
.computer_nav{margin: 5px 0px;}
}
@media screen and (max-width:690px) {
.phone_header{display:block;}
.computer_header{display:none;}
}
/*鎵嬫満椤堕儴*/
.header_top{background:url("../images/subtle_carbon.png") #0f0f0f;width:100%;height:70px;}
.phone_logo{width: 224px;padding: 15px 0 0 15px;float:left;}
.phone_logo img{width:100%;}
@media (max-width: 767px){
.phone_logo img {
    width: 100%;
    height: auto;}
}
.drawer-hamberger{z-index:1000;display:block;width:70px;height:70px;border:0;position: absolute;top:0px;right:0px;}
.drawer-hamberger span{margin:35px 0px 0px 20px;}
.drawer-hamberger span,.drawer-hamberger span:before,.drawer-hamberger span:after{position:absolute;display:block;width:30px;height:2px;cursor:pointer;content:'';background-color:#ddd;border-radius:1px;-webkit-transition:all .4s cubic-bezier(0.19,1,.22,1);-o-transition:all .4s cubic-bezier(0.19,1,.22,1);transition:all .4s cubic-bezier(0.19,1,.22,1);}
.drawer-hamberger span:before{top:-10px;}
.drawer-hamberger span:after{bottom:-10px;}
/*鎵嬫満banner*/
#thediv{width:200px;height:100px;position: absolute;top:70px;width:100%;z-index:999;background-color:#0f0f0f;}
#thediv ul li{float:left;width:33.33%;text-align:center;line-height:50px;}
#thediv ul li a{display:block;color:#ffffff;font-size:16px;}

/*zhaoheng*/
#phone_bottom{width:100%;position:fixed;bottom:0px;left:0px;height:45px;background:#008fea; border-top: 1px solid #ccc;z-index:999999999;display:none;}
#phone_bottom>a{width: 24.77%;float:left;display:inline-block;line-height:45px;color:#fff;text-align: center;height: 100%;border-right: 1px solid #fff;}
#phone_bottom>a:last-child{border-right: 0px;}
#phone_bottom>a span{color:#fff;}
#phone_bottom p{width:25px;display:inline-block;}
#phone_bottom img{transform: translateY(5px);max-width: 90%;}
@media only screen and (max-width:767px ) {
	.yqlj{display: none;}
	#phone_bottom{display:block!important;}
	.copyright{margin-bottom: 40px;}
}