﻿/*----------------------------------
专业织梦建站/网站定制/模板制作/PSD切图/手机网站建设
Q Q：1174742835
TEL：13643856986
Email:service@zhimatong.com
芝麻通官网：Www.zhimatong.com
域名主机平台：www.mbkj.com
----------------------------------*/
@charset "utf-8";

body,html{color:#333;font:14px/32px "黑体", "Heiti SC", "STHeiti",arial;}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul,html{margin:0;padding:0;}
input[type=text],input[type=submit],textarea,button{-webkit-border-radius:0;font-family:"SimHei","黑体","Heiti SC","STHeiti","arial";-webkit-appearance:none;}
input:focus{outline:0;}
textarea{resize:none;}
h1,h2,h3,h4,h5,h6{font-style:normal;font-size:100%;}
h1{font-size: 24px;font-weight: 400;}
abbr,em,i,li,ol,ul{list-style-type:none;font-style:normal;}
img{border:0;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;}
/*清除浮动*/
.clearfix{*zoom: 1;}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

a{color:#333;text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;}
a:hover{color:#e90000;text-decoration:none;}
.hide,.none,ins{display:none;}
.wrap{clear:both;display:block;margin:0 auto;width:1200px;}
.animate img{position:relative;opacity:1;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all;-webkit-transform:scale(1,1) rotate(0);-ms-transition:.5s all;}
a:hover .animate img{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.animate img:hover{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.tran,.tran a,a.tran,.tran img{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
.rotate,.rotate2 img{-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;-ms-transition:all 0.8s;}
a:hover .rotate,a:hover rotate2 img{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;-ms-transition:all 0.8s;}
.yahei{font-family:"SimHei","黑体","Heiti SC","STHeiti","arial";}

.f-18{font-size: 18px;}
.f-16{font-size: 16px;}
.f-15{font-size: 15px;}
.f-14{font-size: 14px;}

.c-ff{color: #fff;}


.bg-f7{background-color: #F7F7F7;}
.bg-f5{background-color: #F5F5F5;}
.bg_f8{ background-color:#f8f8f8;}

.clear{clear:both;}

.fl{float:left !important;display:inline-block;font-size: 14px;}
.fr{float:right !important;display:inline-block;}
.w1200{width: 1200px; margin:0 auto; overflow:hidden;}
.w1201{width: 1201px; margin: 0 auto;}
.m25{margin-top: 25px !important;margin-bottom: 55px !important;}
.mb10{ margin-bottom:10px !important}
.mb0{ margin-bottom:0 !important}
.mr0{ margin-right:0 !important;}
.por{position: relative;}
.h220 dl{ height:220px !important;}
.h150 dl{ height:150px !important;}
.h260 dl{ height:260px !important;}
.tlc{ text-align:center !important}
.ellipsis{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/* 顶部  */
#top{position:fixed;top:0px;right:0px;left:auto;_position:absolute;z-index:1000;}
#top{line-height:32px;height:32px;background:#f2f2f2;overflow:hidden;border-bottom:1px solid #e6e6e6;width:100%}
#top .phone{background:url("img/icon_tel.png") no-repeat left center;color:#e90000;font-size:21px;padding-left:20px;margin-right:15px;background-size:10px auto;height:32px;overflow:hidden;}
#top .phone i{font-family:"dincond_medium"; margin:0 1px 0 0;text-shadow: #fff 0 1px 0;padding:0px; float:left}
#top .phone i{ -moz-animation: phone 6s infinite; -webkit-animation: phone 6s infinite; -o-animation: phone 6s infinite; animation: phone 6s infinite;}
#top .phone i:nth-child(1){animation-delay:0.1s;-webkit-animation-delay:0.1s}
#top .phone i:nth-child(2){animation-delay:0.2s;-webkit-animation-delay:0.2s}
#top .phone i:nth-child(3){animation-delay:0.3s;-webkit-animation-delay:0.3s}
#top .phone i:nth-child(4){animation-delay:0.4s;-webkit-animation-delay:0.4s}
#top .phone i:nth-child(5){animation-delay:0.5s;-webkit-animation-delay:0.5s}
#top .phone i:nth-child(6){animation-delay:0.6s;-webkit-animation-delay:0.6s}
#top .phone i:nth-child(7){animation-delay:0.7s;-webkit-animation-delay:0.7s}
#top .phone i:nth-child(8){animation-delay:0.8s;-webkit-animation-delay:0.8s}
#top .phone i:nth-child(9){animation-delay:0.9s;-webkit-animation-delay:0.9s}
#top .phone i:nth-child(10){animation-delay:1.0s;-webkit-animation-delay:1.0s}
#top .phone i:nth-child(11){animation-delay:1.1s;-webkit-animation-delay:1.1s}
#top .phone i:nth-child(12){animation-delay:1.2s;-webkit-animation-delay:1.2s}
#top .phone i:nth-child(13){animation-delay:1.3s;-webkit-animation-delay:1.3s}
#top .wx{background:url("img/icon_wx.png") no-repeat 70px center; background-size:13px 13px;display:inline-block;padding:0 30px 0 10px;border-right:1px solid #e4e4e4;border-left:1px solid #e4e4e4;}
#top .qq{background:url("img/icon_qq.png") no-repeat 70px center; background-size:13px 13px;display:inline-block;padding:0 30px 0 10px;border-left:1px solid #e4e4e4;}
#top .xm{background:url("img/icon_xm.png") no-repeat 65px center; background-size:13px 13px;display:inline-block;padding:0 30px 0 10px;border-right:1px solid #e4e4e4;}
#top,#top a{color:#888}
@-webkit-keyframes phone{
0%{-webkit-transform:scale(1);}
1%{-webkit-transform:scale(1.5);}
3%{-webkit-transform:scale(0.8);}
6%{-webkit-transform:scale(1);}
100%{-webkit-transform:scale(1);}
}
@keyframes phone{
0%{transform:scale(1);}
1%{transform:scale(1.5);}
3%{transform:scale(0.8);}
6%{transform:scale(1);}
100%{transform:scale(1);}
}
/* 头部  */
#header{width:100%;min-width:1200px;background:#fff;height:122px;background:#fff; padding-top:33px;}
#header{position:relative;z-index:10;box-shadow:0 1px 8px rgba(0,0,0,0.3);-moz-box-shadow:0 1px 8px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 8px rgba(0,0,0,0.2);}
#header .logo{position:relative;float:left;padding:20px 0;}
#header .logo a{width:400px;height:70px;}
#header .logo a .l{float:left}
#header .logo .label{float:left;margin-top:26px;margin-left:15px;padding-left:15px;border-left:#eee 1px solid;}
#header .logo .label span{display:block;width:34px;height:16px;line-height:16px;border-radius:5px;background:#ccc;color:#fff;text-align:center;}
#header .logo .label p{color:#999;height:12px;line-height:12px;margin-top:5px;}
#header .logo a .light{position:absolute;top:0;left:-230px;width:50%;height:100%;background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));-webkit-transition:0s;-webkit-transform:skewx(-25deg);}
#header .logo a:hover .light{left:400px;-webkit-transition:.6s}
#header .time{position:absolute;left:0;top:0px;color:#fff;}
#header .menu{float:right;padding:40px 0;}
#header .menu li{text-align:center;float:left;position:relative; padding:0 13px}
#header .menu li span{display:block;position:absolute;width:0px;height:0px;background:#ff461f;top:40px;left:50%;}
#header .menu li a{display:block;font-size:16px;height:40px;line-height:40px;overflow:hidden;}
#header .menu li a.cur{border-bottom:2px solid #ff461f;color:#ff461f}
#header .menu .down_list{display:none;font-size:14px;position:absolute;z-index:21474836467;left:0;right:0;top:40px;background-color: #fff;border-radius: 5px;/*opacity: 1.9;*/ overflow:hidden}
#header .menu .down_list li{height:29px;width:100%;padding:5px 0;line-height:39px;z-index:21474836467;}
#header .menu .down_list li a{height:30px;line-height:30px;color:#666;text-align:center; font-size:14px}
#header .menu .down_list li:hover a{ background-color:#fff; color:#ff461f}
#header .menu li:hover .down_list{display:block}
/* 通用 */
#kefu{position:fixed;top:50%;right:0;z-index:1000;margin-top:-140px;width:250px;background-color:#191919;transition:width .3s ease 0s; padding:}
#kefu.on{width:50px;}
#kefu .ico{position:absolute;top:0;right:0;z-index:2;display:inline-block;width:50px;height:50px;background-color:#191919;text-align:center;line-height:50px;transition:background .3s ease 0s;}
#kefu .ico i{display:block;width:50px; height:50px;;color:#fff;font-weight:400;font-size:20px; background:url(img/icon_kefu.png);}
#kefu .top-list{width:100%;}
#kefu .top-list ul{margin:0;padding:0;width:100%;}
#kefu .top-list ul li{position:relative;display:block;width:100%;height:51px;border-bottom:1px solid #3b3b3b;transition:background .3s ease 0s;}
#kefu .top-list ul li a{display:block;width:100%;}
#kefu .top-list ul li a .am-fl{position:absolute;top:0;left:28px;z-index:1;display:inline-block;width:222px;color:#fff;font-size:14px;line-height:50px;transition:color .3s ease 0s;}
#kefu .top-list ul li a.return-webtop .am-fl{font-weight:700;font-family:Arial;}
#kefu .top-list ul li:hover{background-color:#fff;}
#kefu .top-list ul li:hover .ico{background-color:#fff;}
#kefu .top-list ul li:hover .ico i{color:#333;}
#kefu .top-list ul li:hover .am-fl{color:#15191e;}
#kefu .top-list ul li .ico i.icon-qq{ background-position:left 0}
#kefu .top-list ul li .ico i.icon-sh{ background-position:left -50px}
#kefu .top-list ul li .ico i.icon-phone{ background-position:left -100px}
#kefu .top-list ul li .ico i.icon-back{ background-position:left -150px}
#kefu .top-list ul li .ico i.icon-up{ background-position:left -200px}
#kefu .top-list ul li:hover .ico i.icon-qq{ background-position:right 0}
#kefu .top-list ul li:hover .ico i.icon-sh{ background-position:right -50px}
#kefu .top-list ul li:hover .ico i.icon-phone{ background-position:right -100px}
#kefu .top-list ul li:hover .ico i.icon-back{ background-position:right -150px}
#kefu .top-list ul li:hover .ico i.icon-up{ background-position:right -200px}
/* 网站地图 */
.footer{color: #CDCDCD;background: #2D2F33;}
.footer a{color: #CDCDCD;}
.footer a:hover{color: #FD9305;}
.footer .foot_a{padding: 40px 0 35px;border-bottom: 1px solid #515255;}
.footer .foot_a ul{display: flex;width: 100%;justify-content: space-between;align-items: center;}
.footer .foot_a ul li{display: flex;align-items: center; font-size:18px}
.footer .foot_a ul li p{padding-left: 15px;}
.footer .foot_b{padding: 35px 0;}
.footer .fb_l{width: 720px;}
.footer .fb_l dl{width: 20%;float: left;}
.footer .fb_l dl dt{padding-bottom: 15px;}
.footer .fb_l dl dd{padding: 3px 0;}
.footer .fb_c{width: 340px;}
.footer .fb_c p{padding: 3px 0;}
.footer .fb_r{width: 112px;overflow: hidden;}
.footer .foot_c{padding-bottom: 40px;}
.footer .foot_c .fl_list{padding-top: 12px;}
.footer .foot_c .fl_list a{padding-right: 20px;}
.footer .foot_cpr{background: #232426;padding: 20px 0;}

/* 微信弹出 */
.layer_ewm{display:none;padding:20px 0px 0;text-align:center}
.layer_ewm .title{text-align:center;font-size:18px;color:#e90000}
.layer_ewm .erweima{padding:15px 0; text-align:center}
.layer_ewm .erweima img{width:230px;height:230px}
.layer_ewm span{font-size:14px}

/*通用标题*/
.new-title{text-align: center; padding:15px 0}
.new-title p{color: #333;font-size: 28px;margin-top: 25px; }
.new-title span{display: block;margin-top: 20px;font-size: 15px;color: #888;}

.new_title_white{color: #fff;}
.new_title_white h2{color: #fff;font-size: 28px;margin-top: 65px; text-align:center; font-weight:normal}
.new_title_white p{width: auto;border: none;padding: 0;margin: 0;margin-top: 20px;font-size: 15px;color: #fff; text-align:center; display:block}

/*优势模块*4*/
.part-adv dl{width: 585px;height: 130px;border: 1px solid #eee;float: left;margin-bottom: 30px;overflow: hidden;background: #fff;}
.part-adv dl:hover{border: 1px solid #f75130;}
.part-adv dl dt{margin-right: 80px;margin-top: 26px;float: right;}
.part-adv dl dd{text-align: right;color: #333;font-size: 16px;margin-top: 27px;margin-right: 40px;float: right;}
.part-adv dl dd span{display: block;color: #666;font-size: 14px;margin-top: 15px;line-height: 25px;}
.part-adv .fr dt{margin-right: 0px;margin-left: 80px;float: left;}
.part-adv .fr dd{float: left;text-align: left;margin-left: 40px;margin-right: 0px;}
.part-adv dl:nth-child(3),.part-adv dl:nth-child(4){ margin-bottom:0}
.part-adv p{position: absolute;left: 518px;top: 65px;}

/*图文介绍模版*4*/
.tal{ text-align:left !important;}
.four dl{width: 279px;height: 217px;float: left;margin-right: 25px;border: 1px solid #eee;background: #fff;}
.four dl dt{text-align: center; padding:50px 0 20px;font-size:56px !important}
.four dl dd{width: 215px;margin: 0 auto;text-align: center;line-height: 28px;font-size: 16px;color: #333;margin-top: 18px;}
.four dl dd span{display: block;font-size: 14px;color: #888;margin-top: 2px;}
.four dl:hover{border: 1px solid #f75130;}

.three dl{width: 380px;height: 172px;float: left;background: #fff;text-align: center;margin-bottom: 20px;padding-top: 15px;margin-right: 26px;}
.three dl:hover{box-shadow: -2px 2px 5px #d7e8df;transition: box-shadow .5s;}
.three dl dt{ padding:40px 0 0;}
.three dl dd{font-size: 13px;color: #666;}
.three dl dd p{color: #333;font-size: 16px;margin-top: 20px;margin-bottom: 20px;}

.h340 dl{height: 340px !important;border: 1px solid #dcdcdc !important;}


.iconfont { font-size:42px !important}
