﻿@charset "utf-8";

.scrollbar::-webkit-scrollbar{width:5px; background-color:#484848;}	/*滚动条整体部分*/
.scrollbar::-webkit-scrollbar-thumb{background-color:#484848; border-radius:10px;}	/*滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）*/
.scrollbar::-webkit-scrollbar-track{background-color:#fff;}	/*滚动条的轨道（里面装有Thumb）*/
.scrollbar::-webkit-scrollbar-button{}	/*滚动条的轨道的两端按钮，允许通过点击微调小方块的位置。*/
.scrollbar::-webkit-scrollbar-track-piece{}	/*内层轨道，滚动条中间部分（除去）*/
.scrollbar::-webkit-scrollbar-corner{}	/*边角，即两个滚动条的交汇处*/
.scrollbar::-webkit-resizer{}	/*两个滚动条的交汇处上用于通过拖动调整元素大小的小控件*/


body{min-width:1200px;}
/*body{background:#F8F6E0;}*/

.auto{width:1200px; margin:auto;}

/*
.head{height:70px; line-height:70px; text-align:center; top:10px; left:50%; margin-left:-600px; z-index:100;}
.head .nav li{width:100px; height:70px; display:inline-block; margin:0 15px; position:relative; top:-20px;}
.head .nav li a{width:100%; height:100%; display:block; font-size:20px; color:#fff; background:url(../images/01hui.png) center top no-repeat;}
.head .nav li a:hover{color:#ffd600; background-image:url(../images/01.png); text-decoration:none;}
.logo{margin:0 10px;}
.companyName{font-size:28px; color:#fff; line-height:32px; font-family:"kaiti"; font-weight:bold; position:relative; top:-20px;}
*/
.head{line-height:60px; background:#fff; border:1px solid #eee; border-radius:4px; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.25); top:20px; left:50%; margin-left:-600px; z-index:100px; z-index:100;}

/*.head .logo{float:left; margin:10px 0 0 20px; height:40px;}*/
.head .logo{width:300px; float:left; margin:5px 0 0 20px; height:50px;}
.head .logo img{height:50px;}

.head .siteName{float:left; font-size:18px; font-weight:bold; line-height:24px; margin:6px 0 0 10px;}

.head .nav{float:left; margin-left:30px;}
.head .nav li{width:100px; height:60px; display:block; float:left; text-align:center;}
.head .nav li a{width:100%; height:100%; display:block; color:#000;}
.head .nav li ul{width:1100px; position:absolute; left:0; top:60px; padding:30px 50px; background:#fff; border:1px solid #eee; border-top:0; border-radius:0 0 4px 4px; display:none; box-shadow:0 5px 5px 0 rgba(0,0,0,0.25);}
.head .nav li ul li{max-width:33%; height:auto; float:left; font-size:16px;}
.head .nav li ul li img{/*display:block;*/ max-width:100%; /*margin:0 auto;*/ vertical-align:middle;}
.head .nav li ul li div{display:block; line-height:26px; text-align:left; padding-top:20px;}
.head .nav li ul li span{color:#777; font-size:16px;}

.head .language{float:right; margin:20px 40px 0 0; line-height:0;}
.head .language img{width:20px;}


.banner{position:relative; overflow:hidden; /*background:url(../images/bannerBg.jpg) bottom center repeat-x; padding-bottom:32px;*/}
.banner .bd{overflow:hidden;}
.banner .bd ul{margin:0 auto;}
.banner .bd li{background-position:center; font-size:0; line-height:0; background-size:110% auto; background-repeat:no-repeat;}
/*.banner .bd li img{height:420px; opacity:0;}*/
.banner .bd li img{width:110%;}
.banner .hd{width:100%; position:absolute; left:0; bottom:50px; text-align:center;}
.banner .hd li{display:inline-block; _display:inline; width:10px; height:10px; margin:0 5px; border-radius:10px; cursor:pointer; background:#999;}
.banner .hd li.on{background:#ff3831;}
.banner .prev, .banner .next{width:50px; height:68px; text-align:center; font-size:50px; line-height:68px; color:#fff; font-weight:bold; position:absolute; top:50%; margin-top:-10px;}
.banner .prev{left:100px;}
.banner .next{right:100px;}
.banner .prevStop{opacity:0.2; filter:Alpha(opacity=20);}
.banner .nextStop{opacity:0.2; filter:Alpha(opacity=20);}
.banner a:hover{text-decoration:none;}


.itemTitle{text-align:center; color:#5a5a5a;}
.itemTitle .cn{font-size:35px; font-weight:bold; margin:15px 0 10px;}
.itemTitle .cn img{margin:0 10px;}
.itemTitle .en{font-size:22px; font-family:'Times New Roman';}


.iabout{padding:1px; margin-top:50px; text-align:center; background:url(../images/aboutBg.jpg); background-size:100% auto;}
.iabout .cent .more{width:150px; height:40px; display:block; margin:50px auto 0; border:1px solid #5a5a5a; border-radius:4px; line-height:40px; color:#5a5a5a;}
.iabout .cent .more:hover{background-color:#5a5a5a; border-color:#5a5a5a; color:#fff;}

.text22{margin-top:50px; padding:50px 0 40px; background:url(../images/ibg.png) center no-repeat; background:auto 100%;}
.text22 .auto{background:url(../images/2017-08-01_202033.jpg) left center no-repeat; height:610px; padding:1px;}
.text22 .list{background-color:#fff; margin:90px 0 90px 510px;}
.text22 .list li{padding:41px 50px 41px 160px; background-position:50px center; background-repeat:no-repeat;}
.text22 .list li b{font-size:18px; font-weight:normal;}



.icase{margin-top:50px;}
.icase .menu{text-align:center; margin:30px 0;}
.icase .menu a{display:inline-block; padding:5px 20px; border:1px solid #5a5a5a; border-radius:20px; color:#333; margin:0 10px;}
.icase .menu a:hover, .icase .menu a.on{background-color:#5a5a5a; border-color:#5a5a5a; color:#fff;}
.icase .icaseCont .goods{width:340px; float:left; background-color:#fff; margin:10px 28px;}
.icase .icaseCont .goods .pic{height:250px; border:1px solid #eaeaea; text-align:center; overflow:hidden;}
.icase .icaseCont .goods .pic img{max-width:100%; max-height:100%;}
.icase .icaseCont .goods .goodsTitle{color:#333; line-height:36px; text-indent:10px;}





.iNews{margin-top:50px; padding:50px 0 40px; background:#eaeaea url(../images/inewsBg.png) center top no-repeat;}
.iNews .lunbo{width:440px; float:left; margin-top:40px;}
.iNews .cont ul{width:710px; float:right; margin-top:40px;}
.iNews .cont li{margin-bottom:15px; padding-bottom:10px; border-bottom:1px dotted #dbd4cd;}
.iNews .cont li .time{width:60px; float:left; padding:5px 0; text-align:center; background:#ff8202; color:#fff; line-height:30px;}
.iNews .cont li .time b{font-size:26px; font-weight:normal; color:#fff;}
.iNews .cont li .text{width:620px; float:right; color:#5a5a5a;}
.iNews .cont li .text b{display:block; font-size:18px; font-weight:normal;}
.iNews .cont li .text b a{color:#333;}
.iNews .cont li .text p{margin:10px 0 15px; line-height:20px; color:#5a5a5a;}




.footer{background:url(../images/footerBg.jpg); color:#a9a8a6; font-size:12px; padding:60px 0 10px;}
.footer .auto{width:1000px;}
.footer a{color:#fff;}
.footer a:hover{color:#0bb9d4;}
.icont{text-align:left; margin-right:180px; color:#5a5a5a;}
.icont .til{color:#fff; padding-bottom:5px; font-size:20px;}
.bottomNav{padding-bottom:20px;}
.bottomNav dl{width:150px; float:left; margin-right:180px;}
.bottomNav dl dt{color:#fff; padding-bottom:5px; font-size:20px;}
.bottomNav dl dd{margin-top:5px;}
.bottomNav dl dd a{font-size:12px; color:#5a5a5a;}
.bottomNav dl dd a:hover{color:#0bb9d4;}



.page{font-size:12px; text-align:center; color:#333; margin:20px;}


.proclass{text-align:center; margin:30px auto;}
.proclass li{display:inline-block;}
.proclass a{display:inline-block; padding:5px 20px; border:1px solid #5a5a5a; border-radius:20px; color:#333; margin:0 10px;}
.proclass a:hover, .proclass a.on{background-color:#5a5a5a; border-color:#5a5a5a; color:#fff;}


.proList{margin:40px 0;}
.proList li{width:370px; float:left; margin:10px; text-align:center;}
.proList li div{width:100%; height:250px; /*display:table-cell; vertical-align:middle; line-height:265px;*/ margin-bottom:10px;}
.proList li div img{max-width:100%; max-height:100%; width:100%\9;}
.proList li p{margin:0; padding:10px 0; font-size:16px;}
.proList li a{color:#333;}


.inside_cent{padding:20px;}
.proMainImg{width:500px;}
.proMainImg .mainImg{width:100%; height:370px; border:1px solid #eaeaea;}
.proMainImg .mainImg img{max-width:100%; max-height:100%;}
.canshu{width:600px; font-size:14px; line-height:26px; color:#555;}
.canshu h1{font-size:30px; font-weight:normal; margin-bottom:20px;}
.imgList{margin:10px 0; _zoom:1;}
.imgList .bd{margin:0 35px;}
.imgList .bd li{width:95px; float:left; position:relative; margin:0 5px; border:1px solid #fff; overflow:hidden;}
.imgList .bd li img{max-width:100px; max-height:100px; left:0; top:0;}
.imgList .bd li.on{border-color:#333;}
.imgList .hd a{width:25px; height:68px; text-align:center; font-size:26px; line-height:68px; color:#1d7ad9; position:absolute; top:50%; margin-top:-34px;}
.imgList .hd .prev{left:0;}
.imgList .hd .next{right:0;}
.imgList .hd a.prevStop{opacity:0.3; filter:Alpha(opacity=30);}
.imgList .hd a.nextStop{opacity:0.3; filter:Alpha(opacity=30);}
.product .sxy{margin:10px 0;}
.product .sxy a{color:#6F6F6F;}
.orderPro li{width:202px; float:left; margin:10px; text-align:center;}
.orderPro li div{width:100%; height:150px;}
.orderPro li div img{max-width:100%; max-height:100%;}
.orderPro li a{color:#333; font-size:14px;}




.about .DefaultPic{width:450px; border:8px solid #ccc; margin-left:30px;}
.about .text{width:620px; margin-right:30px; color:#5c5c5c}
.about .til{margin-top:50px; font-size:20px; font-weight:bold;}


.aboutClass{margin-top:50px; background:url(../images/ibg.png) center no-repeat; background-size:100% 100%; padding:40px 0;}
.aboutClass .title b{font-size:30px; font-weight:normal;}
.aboutClass .title div{width:30px; height:1px; display:block; margin:10px auto; /*background:#91C853;*/ background:#FA2400;}
.aboutClass li{width:29.333%; float:left; padding:0 2%; text-align:center; margin-top:40px;}
.aboutClass li a{color:#333;}
.aboutClass li img{max-width:80px;}
.aboutClass li b{color:#333; font-size:18px; font-weight:normal;}
.aboutClass li i{width:30px; height:1px; display:block; margin:5px auto 0; background:#91C853;}
.aboutClass li div{margin-top:10px;}

.about3{margin-top:80px;}
.about3 .til{font-size:36px; margin-bottom:30px; color:#333; line-height:30px;}
.about3 .til span{color:#ccc; font-size:14px;}
.about3 .til i{width:100px; height:2px; display:block; margin-top:20px; background:#c40001;}
.about3 .big{color:#666;}
.about3 .small{color:#999;}
.about3 .tagCent{padding-bottom:60px;}
.about3 .tagCent img{border-radius:50%; margin-top:20px;}
.about3 .tagCent img:nth-child(1){width:280px; height:280px;}
.about3 .tagCent img:nth-child(2){width:360px; height:360px; position:relative; top:40px;}
.about3 .tagCent img:nth-child(3){width:280px; height:280px;}



.timeAxis{margin-top:80px; padding:80px 0 50px; background:#F4F4F4;}
.timeAxis .til{font-size:28px;}
.timeAxis .auto{width:1200px; margin:auto; overflow:hidden;}
.timeAxis .timeAxisHead{border-bottom:2px dotted #c00000; position:relative; margin-top:105px;}
.timeAxis .timeAxisHead ul{display:inline-block; position:absolute; top:-55px;}
.timeAxis .timeAxisHead li{float:left; margin:0 20px; background:url(http://www.yijianfit.com/images/biggerdot.png) center bottom no-repeat; font-size:24px; line-height:60px;}
.timeAxis .timeAxisHead li a{color:#c00000;}
.timeAxis .timeAxisHead li.on{font-size:42px;}
.timeAxis .centList{position:relative; min-height:350px; margin-top:60px;}
.timeAxis .cent{width:1200px; float:left; display:none; text-align:center; position:absolute; left:1200px;}
.timeAxis .cent img{width:240px; vertical-align:top;}
.timeAxis .cent .text{width:380px; display:inline-block; text-align:left; font-size:16px; margin-left:40px;}
.timeAxis .cent .text .til{font-size:48px; color:#c9151d; margin:20px 0; text-shadow:#000 1px 1px 2px;}
.timeAxis .cent_on{display:block;}


/*.about2{margin-top:50px; padding:1px; overflow:hidden; position:relative; background:url(../images/about2Bg.png) center repeat-x;}
.about2 .til{margin-top:50px; font-size:28px;}
.about2 .cent{position:relative; margin:40px 0 30px;}
.about2 .bd{margin:0 25px; overflow:hidden;}
.about2 .bd li{width:350px; float:left; margin:0 16px; text-align:center; line-height:505px;}
.about2 .bd li img{max-width:100%; max-height:505px; border:2px solid #fff;}
.about2 .bd li img:hover{border-color:#1D499D;}
.about2 .jiantou{width:30px; height:30px; line-height:30px; display:inline-block; border:2px solid #fff; text-align:center; font-size:18px; color:#fff; border-radius:50%; top:60%;}
.about2 .prev{left:0;}
.about2 .next{right:0;}*/

.news{margin-top:80px;}
.newsList1{margin-top:30px; border-bottom:1px solid #ccc; padding-bottom:60px;}
.newsList1 li{width:268px; float:left; margin:0 10px;}
.newsList1 li .pic img{width:100%; height:173px;}
.newsList1 li .cent{color:#6F6F6F;}
.newsList1 li .cent .title{font-size:14px; font-weight:bold; margin:5px 0;}
.newsList1 li .cent .title a{color:#333;}
.newsList1 li .cent .title a:hover{color:#C9151D;}
.newsList1 li .cent .more{display:inline-block; margin-top:20px; color:#A0A0A0;}
.newsList1 li .cent .more:hover{color:#C9151D;}
.newsList2{margin-top:30px;}
.newsList2 li{border-bottom:1px solid #ccc; padding:10px 10px 30px; position:relative; overflow:hidden;}
.newsList2 li .pic{width:268px; float:left;}
.newsList2 li .pic img{width:100%; height:173px;}
.newsList2 li .cent{width:880px; float:right; margin:5px 0; overflow:hidden; color:#6F6F6F;}
.newsList2 li .cent .title{font-size:14px; font-weight:bold; margin:5px 0;}
.newsList2 li .cent .title a{color:#333;}
.newsList2 li .cent .title a:hover{color:#C9151D;}
.newsList2 li .cent p{margin:0;}
.newsList2 li .cent .more{color:#a0a0a0; position:absolute; right:0; bottom:7px;}
.newsList2 li .cent .more:hover{color:#C9151D;}

.news h1{font:24px/30px "宋体"; text-align:center; border-bottom:1px solid #ccc; padding:30px 0;}
.news .sxy{margin:10px 0;}
.news .sxy a{color:#6F6F6F;}

.newsList3 li{border-bottom:1px dashed #eaeaea; line-height:40px;}
.newsList3 li a{color:#6F6F6F;}
.newsList3 li span{margin-left:20px; color:#ccc;}


.FeedBack{padding:1px; overflow:hidden; position:relative; margin:40px auto 30px;}
.FeedBack table{width:100%; background:#ccc;}
.FeedBack table td{background:#F9F9F9; padding:15px 20px;}
.FeedBack b{width:80px; display:inline-block; font-size:14px; font-weight:normal;}
.FeedBack .txt{width:250px; height:36px; line-height:36px; padding:0 5px; border:1px solid #ccc;}
.FeedBack textarea{width:100%; height:110px; line-height:24px; padding:0 5px; border:1px solid #ccc;}
.FeedBack .tishi{padding-left:80px;}
.FeedBack .buttonS{margin:30px auto;}
.FeedBack .button{width:170px; height:46px; display:inline-block; text-align:center; line-height:46px; color:#fff; border:0; margin:0 10px;}
.FeedBack .submit{background:#C9151D;}
.FeedBack .reset{background:#999;}



.contact{margin-top:40px;}
.contact .cent{width:320px; height:320px; float:left; margin:20px 0 30px; padding:20px 30px; background:#ffd600; font-size:16px; line-height:40px;}
.contact .cent p{margin:5px 0;}
.contact .map{width:820px; height:360px; float:right; margin:20px 0 30px;}


.roolImg{overflow:hidden; margin-top:20px;}
.roolImg .bd li{width:300px; height:260px; text-align:center; margin:0 10px;}
.roolImg .bd li img{max-width:300px; max-height:260px;}



.pf{width:50px; position:fixed; bottom:100px; right:10px; _position:absolute; _top:expression(eval(document.documentElement.scrollTop+200)); z-index:999999;}
.pf a{
	width:100%;
	height:50px;
	display:block;
	position:relative;
	background:#601986;
	border-radius:5px;
	text-align:center;
	font-size:20px;
	line-height:30px;
	color:#fff;
	margin-bottom:10px;
	background-color: #601986;
}
.pf a span{width:100%; display:block; font-size:12px; line-height:20px;}
.pf a:hover{background:#0024ff; text-decoration:none;}
.pf a div{padding:10px 10px 0; background:#fff; position:absolute; top:-135px; left:-195px; display:none;
	border:1px solid #eee;
	box-shadow:2px 2px 2px 0 rgba(0,0,0,0.2);
	filter:progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=120, Color='#eeeeee');}
.pf a div img{float:left;}
.pf a div b{display:block; clear:both; font-size:12px; line-height:30px; color:#333;}
.pf a:hover div{display:block;}
