/* CSS Document */
/*transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;  transform:scale(1.2);  transform:rotate(360deg);*/
@font-face
{
font-family: myFirstFont;
src:url(../fonts/ziti1.ttf);
 /* IE9+,可以是具体的实际链接 */
}

body,div,ul,li,h1,h2,h3,h4,h5,p,table,td,tr,p,hr{ padding:0; margin:0; list-style:none;}
body{ font-family:"微软雅黑"; font-size:14px; color:#262626;}
a{ color:#666; text-decoration:none;}
a:hover{}
img{ border:0; vertical-align:middle;}
.clear{ clear:both;}
.wid{ width:1200px; margin:0 auto;}
.nav ul:after,.home_pro_cont:after,.foot_l_cont:after,.wid:after,.pro_cont ul:after,.client_cont ul:after{ content:""; display:block; clear:both;}

.header{ height:100px; background:#ffd101;}
.logo{ float:left; width:280px; height:100px; background:#262729; text-align:center;}
.logo img{ height:60px; margin:20px 0 0 0px;}
.nav{ float:right; height:50px; padding-top:50px; font-family:"myFirstFont"; font-size:12px; position:relative;}
.nav li{ width:180px; height:50px; float:left; position:relative;}
.nav li a{ color:#262729; height:40px; display:block; padding:5px 0 5px 54px;}
.nav li .act{background:url(../images/nav_bj.png) no-repeat; color:#ffd101;}
.nav li .act .tff1{background:url(../images/c_2.png) no-repeat;}
.nav li .act .tff2{background:url(../images/p_2.png) no-repeat;}
.nav li .act .tff3{background:url(../images/m_2.png) no-repeat;}
.nav li .act .tff4{background:url(../images/c_2.png) no-repeat;}
.nav li a:hover{ background:url(../images/nav_bj.png) no-repeat; color:#ffd101;}
.nav li .tff1{ width:34px; height:33px; position:absolute; left:16px; top:8px; background:url(../images/c_1.png) no-repeat;}
.nav li .tff2{ width:38px; height:33px; position:absolute; left:16px; top:8px; background:url(../images/p_1.png) no-repeat;}
.nav li .tff3{ width:45px; height:33px; position:absolute; left:16px; top:8px; background:url(../images/m_1.png) no-repeat;}
.nav li .tff4{ width:34px; height:33px; position:absolute; left:16px; top:8px; background:url(../images/c_1.png) no-repeat;}
.nav li a:hover .tff1{background:url(../images/c_2.png) no-repeat;}
.nav li a:hover .tff2{background:url(../images/p_2.png) no-repeat;}
.nav li a:hover .tff3{background:url(../images/m_2.png) no-repeat;}
.nav li a:hover .tff4{background:url(../images/c_2.png) no-repeat;}
.nav li span{ font-size:20px; display:block;font-weight:bold;}
.nav li font{display:block;}
.lang{ float:right; position:absolute; top:10px; right:50px;}
.lang a{ display:inline-block; padding:3px 5px; background:#eee; color:#777; margin-right:5px; font-family:Arial, Helvetica, sans-serif;}
.lang .act{ background:#262729; color:#fff;}

.home_pro{ padding:50px 0;}
.home_pro_tel{ text-align:center;}
.home_pro_tel p{ color:#999; margin:20px 0; font-size:15px;}
.xian{ margin:0 auto; width:80px; height:3px; background:#ffd101; border:0;}
.home_pro_cont{ margin-top:60px;}
.pro_box{float:left; width:213px; height:213px; background:url(../images/pro_q.png) no-repeat 8px 8px; position:relative; margin:0 13px;}
.pro_box:hover .pro_box_t{transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transform:rotate(360deg);}
.pro_box_t{ position:absolute; left:0; top:0;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;}

.home_about{ padding:50px 0; background:url(../images/home_about_bj.jpg) center;}
.home_about h3{ text-align:center;}
.home_about p{text-align:center; margin:50px 0;}
.home_about .home_about_cont{ text-align:left; margin:0;font-size:14px; color:#fff; line-height:1.8; text-indent:2em;}
.home_about .home_about_cont a{color:#ffd101; margin-left:5px;}

.footer{ background:#ffd101; padding-top:35px;}
.foot_l{ width:50%;float:left;}
.foot_r{ width:50%;float:left;}
.foot_t{ font-weight:bold; font-size:15px; margin-bottom:15px;}
.foot_t span{font-family:"Impact"; font-size:20px; font-weight:normal;}
.foot_l_cont a{ line-height:30px; display:block; width:50%; float:left; color:#3d3d3d;}
.foot_l_cont a:hover{ color:#000;}
.ewm{float:left; margin-right:24px;}
.ewm img{ width:127px;}
.foot_lx{ float:left;}
.banquan{ text-align:center; font-size:15px; line-height:40px; margin-top:10px;}
.foot_lx_cont p{ line-height:30px;}

.wz{ padding:20px 0; font-size:14px; color:#666; background:#f2f2f2;}
.wz a{ color:#919191;}
.wz a:hover{ color:#3d3d3d;}

.mid{ padding:50px 0;}
.about_tel{ text-align:center;}
.about_tel img{max-width:100%;}
.mid_cont{ margin-top:35px;}
.mid_cont p{ line-height:2; text-indent:2em; margin:15px 0;}

.pro_nav{ text-align:center;}
.pro_nav a{ height:40px; width:170px; display:block; line-height:40px; text-align:center; display:inline-block; background:#787878; color:#fff; margin-right:5px; position:relative;}
.pro_nav .act{color:#3d3d3d; background:#ffd101;}
.pro_nav a:hover{ color:#3d3d3d; background:#ffd101;}
.pro_nav .act i{width:19px; height:10px;position:absolute; bottom:-10px; left:44%; display:block; background:url(../images/pro_tb.png) no-repeat;}
.pro_cont{ margin-top:40px;}
.pro_cont li{ width:30%; margin-right:5%; float:left; margin-bottom:10px;}
.pro_cont li:nth-child(3n){ margin-right:0px;}
.pro_cont li img{ width:100%; border:1px #ebebeb solid;}
.pro_cont li h5{ text-align:center; font-weight:normal; font-size:14px; border-top:3px #ffd101 solid; border-bottom:1px #ccc solid; line-height:50px; margin-top:10px;}

.client_tel{ text-align:center;}
.client_tel img{max-width:100%;}
.client_cont{border-top:1px #e5e5e5 solid;border-left:1px #e5e5e5 solid;margin-top:40px;}
.client_cont li{ width:25%; height:110px; float:left; box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */ border-right:1px #e5e5e5 solid;border-bottom:1px #e5e5e5 solid; text-align:center; line-height:100px; position:relative;}
.client_cont li:before{ content:""; display:block; width:14px; height:1px; position:absolute; bottom:-1px; right:-7px; background:#c7c7c7; z-index:1000;}
.client_cont li:after{ content:""; display:block; width:1px; height:14px; position:absolute; bottom:-7px; right:-1px; background:#c7c7c7; z-index:1000;}
.client_cont li img{ max-width:100%; max-height:100px; padding:10px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}

.contact{ box-shadow:0 0 10px 0 #666;}
.contact_tel{ text-align:center;}
.contact_tel img{ max-width:100%;}
.contact{ margin-top:35px;}
.contact .contact_xx p{ text-align:left; margin:0;}
.contact .contact_xx .tel_x{display:inline-block; background:#999; width:10px; margin:5px 0;}
.contact ul{ width:50%; float:left;}
.contact ul li{ width:50%;float:left; height:50px; margin:25px 0;}
.contact .contact_xx{ margin-top:25px;}
.contact .contact_xx img{ float:left; height:50px; margin:0 15px 0 20px;}
.contact .contact_xx .xx_tel{ color:#616161; font-size:13px;}
.contact .contact_xx .xx_nr{ color:#a6a6a6; font-size:12px; margin-top:10px;}
.ditu{ margin-top:35px;}


/*分页代码*/
.pagelist {clear:both; font-size: 12px; padding:20px 0;text-align:center;}
.pagelist a{ padding: 5px 9px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin:3px; color:#666; font-family:宋体,arial,sans-serif;}
.pagelist a:visited, #nowpage { padding: 3px 8px; margin:3px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.pagelist a:hover, #nowpage{color:#97262a; background: #fff; border-color:#97262a; text-decoration: none;}

@media screen and (max-width: 800px) {

	}

@media screen and (max-width: 480px) {

	}