@charset "utf-8";

/*去掉点击a链接带来的虚框*/

/*============公共===========*/
.main{ width:100%; overflow:hidden; margin:auto;}
.mainmid{width:1210px; margin:auto;overflow:hidden}

/*=================nav==============*/
.section {width:100%;height:70px;background:#fff;z-index:999999;}
.M-top {height:70px;line-height:70px;width:1210px;z-index:9997; margin:auto}
.M-logo {position:relative;	z-index:99999 !important;float:left;display:inline-block;width:250px;height:70px;}
.M-top-right {height:70px;line-height:70px;float:right;}
.M-nav {height:70px;line-height:70px;float:right;}
.M-nav ul li {float:left;display:block;}
.M-nav ul li a {float:left;font-size:18px;font-family:"微软雅黑";	color:#c6c6c6;height:70px;line-height:70px;display:block;}
.M-nav ul li a:hover {color:#fff;}
.M-nav ul li a.cur div p {margin-top:-20px !important;}


.M-top-show {position:fixed;top:-255px;}
.M-logo a img {position:absolute;left:40px;top:15px;z-index:999999 !important;}


/*===============弹出nav==============*/
    .Center{ width:1210px; margin:0 auto;}
    .headtop{ width:100%; height:0px; background:#32b8c3; position:fixed; left:0; top:0; z-index:1000; overflow:hidden;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;-moz-border-radius:10px; -webkit-box-shadow:0 0 10px #999; -moz-box-shadow:0 0 10px #999; }
    .headtop .ulright{ float:right;}
    .headtop .ulright li{ float:left;}
    .headtop .ulright li a{font-family:"微软雅黑"; display:block; height:40px; line-height:40px;font-size:14px; color:#333; text-transform:uppercase; padding:0 13px; font-weight:bold}
    .headtop .ulright li a:hover{ color:#D8505C;}
	
/*===============banner=============*/
.sales_banner{ background: url(../images/banner_1.jpg) no-repeat center; height:599px;}

/*===============content1=============*/

.new{ height:890px;}
.new h1{ font-size:38px;color:#000; text-align:center;font-weight:normal; line-height:150%; margin-top:84px;}
.new h2{ font-size:16px;color:#000; text-align:center;font-weight:normal; line-height:150%; margin-top:25px;}
.new h2 em{display:block}
.new span{ display:block; height:553px;background:url(../images/market.png) no-repeat center; margin-top:38px}

/*===============content2=============*/

.process{ background:url(../images/bg_6.jpg) no-repeat center; height:565px;}
.process h2{font-size:48px;color:#fff; text-align:center;font-weight:normal; line-height:150%; margin-top:71px;}
.process ul{ width:1152px; margin:auto; overflow:hidden; margin-top:85px;}
.process ul li{ float:left;}
.process ul li span{ display:block; width:159px;float:left;}
.process ul li span i{ display:block; margin-top:35px; text-align:center; color:#fff; font-size:14px;}
.process ul li span i em{ display:block; color:#fff; }
.process ul li .font_pro{ display:block; width:89px;float:left; overflow:hidden}
.process ul li .font_pro img{ margin-top:60px; margin-left:30px;}

/*===============content3=============*/

.open_shop{ background:url(../images/bg_cell.jpg) no-repeat center; height:759px;}
.open_shop h2{ font-size:48px;color:#000; text-align:center;font-weight:normal; line-height:150%; margin-top:80px; }
.open_shop ul{ width:895px; margin:auto; overflow:hidden; margin-top:110px; padding-bottom:95px;}
.open_shop ul li{ float:left;}
.open_shop ul li span{ display:block; width:170px;float:left;}
.open_shop ul li span i{ display:block; margin-top:35px; text-align:center; color:#000; font-size:26px; line-height:150%}
.open_shop ul li .font_pro{ display:block; width:192px;float:left; overflow:hidden}
.open_shop ul li .font_pro img{ margin-top:82px;}
.open_shop .consult{display:block; width:205px; height:65px; border-radius:10px; background-color:#32b8c3; line-height:65px; text-align:center; color:#fff; font-size:38px; margin:auto}

/*===============content4=============*/

.core_value{ background-color:#1c1c1c; height:600px;}
.core_value h2{ font-size:48px;color:#fff; text-align:center;font-weight:normal; line-height:150%; margin-top:80px; }
.core_value ul{width:1110px; margin:auto; overflow:hidden; padding-top:80px; position:relative}
.core_value ul li img{ padding:0px 21px}
.core_value ul li i{ position:absolute; display:block; width:195px; height:60px; text-align:center; color:#666}
.core_value ul li i em{ display:block; line-height:15px; font-size:12px;}
.core1{ top:305px; left:40px;}
.core2{ top:305px; left:318px;}
.core3{ top:305px; left:596px;}
.core4{ top:305px; right:40px;}
/*===============content5=============*/

.page_effect{ background-color:#1c1c1c; height:660px; width:100%;}
.page_effect_mid{ width:1210px; margin:auto}
.page_effect h2{ font-size:48px;color:#fff; text-align:center;font-weight:normal; line-height:150%; padding-top:80px; }
.page_effect h3{ font-size:18px;color:#fff; text-align:center;font-weight:normal; line-height:150%; padding-top:30px; }
.page_effect ul{ width:885px; margin:auto; position:relative; margin-top:65px;height:680px}
.page_effect ul li span{ display:block; height:65px;width:474px;background:url(../images/shadow1.png) no-repeat center; position:absolute; top:595px; left:190px;}
.page_effect ul li img{ position:absolute;}
.page_effect .page_effect_img1{ top:80px;left:16px; z-index:0}
.page_effect .page_effect_img2{ left:281px; z-index:2}
.page_effect .page_effect_img3{ right:16px;top:80px; z-index:1}

/*===============content6=============*/

.support{ height:951px; width:100%; background: #fff url(../images/bg_cell1.jpg) no-repeat center;}
.support_mid{ width:1210px; margin:auto;}
.support h2{ padding-top:400px;font-size:48px;color:#fff; text-align:center;font-weight:normal; line-height:150%;}
.support h3{font-size:18px;color:#fff; text-align:center;font-weight:normal; line-height:150%; padding-top:30px;}
.support h3 em{ display:block;color:#fff;}
.support img{ display:block; margin:auto; margin-top:50px; position:relative; z-index:4; margin-bottom:35px;}
.support .consult{position:relative; z-index:4;display:block; width:205px; height:65px; border-radius:10px; background-color:#32b8c3; line-height:65px; text-align:center; color:#fff; font-size:38px; margin:auto}
/*======footer======*/
.footer{ background:#fff; position:relative; padding-top:760px}
.footer_title{ display:block; margin:0 auto;padding:40px 0;}
.contact{ background-color:#eaeaea; height:109px; margin-top:25px;}
.contact ul{ overflow:hidden; width:400px; margin:0 auto;}
.footer_icon1, .footer_icon2, .footer_icon3, .footer_icon4 { display:block; width:50px; height:50px;float:left;margin:0 25px; background:url(../images/footer_icon.png) no-repeat; margin-top:30px}
.footer_icon1:hover, .footer_icon2:hover, .footer_icon3:hover, .footer_icon4:hover{ background:url(../images/icon_hover.png) no-repeat;} 
.footer_icon1{background-position:0px 0px}
.footer_icon1:hover{background-position:0px 0px}
.footer_icon2{background-position:-87px 0px}
.footer_icon2:hover{background-position:-87px 0px}
#erweima {display:none; position:absolute; bottom:248px;right:642px;*right:615px;right:615px\9;z-index:99999;}
.footer_icon3{background-position:-174px 0px}
.footer_icon3:hover{background-position:-174px 0px}
.footer_icon4{background-position:-261px 0px}
.footer_icon4:hover{background-position:-261px 0px}
.footer_ul { overflow:hidden;width: 791px;margin: 0 auto;padding: 35px 0 18px;}
.footer_ul a { float:left; color:#1b1b1b;padding:0 30px;height: 20px;line-height: 20px; font-size:15px;}
.footer_ul img { float:left;padding-top: 5px;}
.footer_copy {color: #5c5c5c;text-align: center;background-color:#222429; font-size:11px}
a.gray {color: #5c5c5c; font-size:11px}
.footer_ul a:hover, a.gray:hover{ color:#32b8c3;}