@charset "utf-8";
/* CSS Document */

body { font-size: 14px; font-family: "microsoft yahei"; color: #666; background: #fff; }
input, select, textarea { vertical-align: middle; font-family: "microsoft yahei";}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
img { border: 0; }
ul, li, ol, dl, dt {list-style: none;}
a { text-decoration: none; outline: none; color: #666 }
* { padding: 0px; margin: 0px; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; font-size:0; line-height:0; height:0;}
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { zoom: 1 }
.mag { width:100%; margin: 0 auto; }
.c-orange{  color:#e15517;}

@media only screen and (max-width: 1024px) {
	.mag { width:1230px; margin: 0 auto; }
}

/*首页应用案例*/
/* marqueeleft */
.marqueeleft{height:245px;width: 100%;overflow:hidden;margin:40px auto;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 5px;display:inline;width:200px;height:245px;overflow:hidden;}
.marqueeleft li .pic{display:block;border:#ccc 1px solid;width:135px;height:104px;padding:2px;overflow:hidden;}
.marqueeleft li .txt{text-align:center;height:23px;line-height:23px;}

div.indexmaindiv{height:270px;margin:0px auto;width:100%;}
div.indexmaindiv div.playerstyles{width:168px;height:44px;background:url('../images/playstyles.png') no-repeat;}
div.indexmaindiv1{margin-top:25px;}
div.indexmaindiv1 div.stylesgoleft{ cursor:pointer;float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left top;margin:100px 5px 0px 0px;}
div.indexmaindiv1 div.stylesgoleft:hover{background:url('../images/arrowhead.png') no-repeat left -28px;margin:100px 5px 0px 0px;}
div.indexmaindiv1 div.playerdetail{width:200px;height:245px;background:#FFF;font-family:'微软雅黑';}
div.indexmaindiv1 div.playerdetail div.detailimg{width:200px;height:124px;}
div.indexmaindiv1 div.playerdetail div.detailimg img{width: 190px;height: 115px;margin-left: -20px;margin-top: 3px;}
div.indexmaindiv1 div.playerdetail div.teanames{text-align:left; margin:0 auto;font-size:14px;margin-top:5px;color:#404040;width:180px; height:68px;}
div.indexmaindiv1 div.playerdetail .checkdetail{width:134px;height:27px;display:block;background:url('../images/checkdetail.png') no-repeat; margin-left:40px;}

div.indexmaindiv1 div.stylesgoright{ cursor:pointer;float:right;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -56px;margin:100px 0px 0px 15px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoright:hover{background:url('../images/arrowhead.png') no-repeat left -84px;margin:100px 0px 0px 15px;}
/* marqueetop */
.marqueetop{height:429px;width:148px;overflow:hidden;margin:40px auto;}
.marqueetop li{padding:5px 0;width:148px;height:133px;overflow:hidden;}
.marqueetop li .pic{display:block;border:#ccc 1px solid;width:135px;height:104px;padding:2px;overflow:hidden;}
.marqueetop li .txt{text-align:center;height:23px;line-height:23px;}
/*应用案例结束*/
/**index**/
.top{ background:#333; height:23px; line-height:23px;}
.top-rt{color:#fff;}
.top-rt a{ color:#fff; padding:0 20px;}


.head{ height:89px;}
.head .logo{ width:179px; height:71px; display:block; margin:8px 0 0 38px;}


.nav{ padding-top:45px;}
.nav li{ float:left; padding:0 30px; border-right:1px #cccccc solid;}
.nav li.n-last{ border:0;}
.nav li a{ color:#333; display:inline-block; font-size:14px;}
.nav li a.current, .nav li a:hover{ color:#e15517; font-weight:bold;}


.slideBox{width:100%; height:450px; overflow:hidden; position:relative; margin:auto;}
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li img{width:100%; height:450px; display:block;}



.mainTitle .en{ background:url(../images/titlebg.png) repeat-x; height:41px; line-height:41px; text-align:center;}
.mainTitle .en em{ background:#fff; display:inline-block; padding:0 40px; font-size:30px; font-family:"Times New Roman"; color:#008137; text-transform:uppercase; font-style:normal;}
.mainTitle .cn{ font-size:18px; color:#424242; display:block; text-align:center; padding:10px 0;}
.mainTitle .more{ width:71px; height:22px; line-height:22px; text-align:center; display:block; margin:auto; font-family:"Times New Roman"; text-transform:uppercase; border:2px #ccc solid;}



.field{ padding:35px 0 55px 0;}
.field .info{ max-width:1125px; margin:auto; color:#999; line-height:24px; text-align:center; padding:25px 0 40px 0;}
.field-ul{ width:1200px; margin:auto;}
.field-ul li{ float:left; width:110px; margin:0 30px; display:inline; text-align:center;}
.field-ul li .name{ padding-top:30px; font-size:14px;}
.field-ul li .icon{ background:#fff; width:104px; height:104px; border:3px #aebcc6 solid; border-radius:200p; -moz-border-radius:200px; -webkit-border-radius:200px;}
.field-ul li .icon .ico{no-repeat; display:inline-block;}
.field-ul li .icon .f-01{ background:url(../images/1.jpg) no-repeat; width:61px; height:61px; margin-top:22px;}
.field-ul li .icon .f-02{ background:url(../images/2.jpg) no-repeat; width:61px; height:61px; margin-top:22px;}
.field-ul li .icon .f-04{ background:url(../images/4.jpg) no-repeat; width:61px; height:61px; margin-top:22px;}
.field-ul li .icon .f-03{ background:url(../images/3.jpg) no-repeat; width:61px; height:61px; margin-top:22px;}
.field-ul li .icon .f-05{ background:url(../images/5.jpg) no-repeat; width:61px; height:61px; margin-top:22px;}
.field-ul li .icon .f-07{ background:url(../images/7.jpg) no-repeat; width:61px; height:61px; margin-top:22px;}
.field-ul li .icon .f-06{ background:url(../images/6.jpg) no-repeat; width:61px; height:61px; margin-top:22px;}




.about{ background:#f0f0f0; padding:50px 0 58px 0;}
.about .mainTitle .en em{ background:#f0f0f0; color:#999;} 
.about .mainTitle .cn{ color:#008137;}
.about .info{ max-width:1200px; line-height:24px; margin:auto; padding:50px 0 35px 0; text-indent:25px;}
.about .button{ text-align:center; font-size:0;}
.about .button a{ display:inline-block;  height:38px; line-height:38px; padding:0 45px; font-size:12px; border:3px #cccccc solid;}
.about .button a:hover,.mainTitle .more:hover{border:3px solid #1ba40d;color:#1ba40d}


.news{ padding-top:45px;}
.newsBox{ width:1200px; margin:auto; padding-top:32px;}
.newsBox-lt{ width:519px; position:relative;}
.newsBox-lt li { width:519px; height:450px; float: left; }
.newsBox-lt li .img { width: 519px; height:300px; display: block; }
.newsBox-lt li .tit{ color:#333; font-size:14px; padding-top:10px; height:24px; line-height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newsBox-lt li .tit a{color:#333;}
.newsBox-lt li .txt{ height:36px; line-height:18px; color:#999999; overflow:hidden;}
.newsBox-lt .arrow { background: url(../images/newsico.png) no-repeat; background-position:0 0;  width:27px; height:26px; display:block; position:absolute; left:0; top:340px; }
.newsBox-lt .next { background-position:-28px 0; left:26px; }
.news-ul{ width:621px; padding-left:60px;}
.news-ul li{ overflow:hidden; vertical-align:middle; padding:0 0 33px 0; display:block;}
.news-ul li .date{ width:86px; text-align:center; font-family:"Times New Roman"; color:#fff;}
.news-ul li .date .m{ background:#cccccc; height:57px; display:block; line-height:56px; font-size:48px;}
.news-ul li .date .d{ background:#aa7c68; height:28px; line-height:26px; font-size:14px; display:block; font-style:normal;}
.news-ul li .info{ width:518px;}
.news-ul li .info .nam{ color:#333; font-size:14px; height:30px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news-ul li .info .nam a{ color:#333;}
.news-ul li .info .txt{ color:#999; line-height:24px; max-height:72px; overflow:hidden;}
			.rongyu{text-align:center; width:100%}
        	.rongyu li{float:left;width:31%; margin-left:1%;margin-bottom: 20px;}
			.rongyu li img{width:98%; height:210px;}


.footer{background:#008137; margin-top:25px;}
.footer-tc{ width:1210px; margin:auto; padding:15px 0 15px 0;color: #fff;text-align: center; }
.footer-tc a{ color:#fff; font-size:16px;}
.footerr{ float:right; width:30%;}
.footerr img{width:168;height:168;}
.footerl{ float:left; width:68%; text-align:left;}

.footer .f-links{ width:535px;}
.footer .f-links .tit{ width:70px; height:50px; padding-top:4px; text-align:right; display:block; font-size:14px; color:#ffc900; line-height:20px;}
.footer .f-links .tit em{ font-family:"Times New Roman"; display:block; font-style:normal; color:#fff;}
.footer .f-links .bd{ padding-left:30px; width:435px; line-height:24px;}
.footer .f-links .bd a{ color:#fff; display:inline-block; padding-right:20px;}
.footer .f-copy{ padding-left:150px; line-height:18px; text-align:right; color:#fff;}
.footer .f-copy .n{ color:#fff; font-size:18px; line-height:24px; padding-bottom:5px;}
.footer .f-copy a{ color:#fff;}
.footer .f-code{ width:108px; color:#333; line-height:30px; text-align:center;}



/**内页**/
.ab-main{ padding-top:30px; width:1265px; margin:auto;}

@media only screen and (max-width: 1024px) {
	.ab-main{ padding-top:30px; width:1200px; margin:auto;}
}

.left{width: 21%;position:relative; min-height:400px;}
.left-top{ background:#4D94B0; height:54px; font:24px/54px "宋体"; text-align:center; color:#fff; }
.left-nav{ padding:20px 30px 0 11px; position:relative;}
.left-nav li{ vertical-align:middle; padding:5px 0;}
.left-nav li a { display:block; height:36px; line-height:36px; text-align: center; color:#666; border:1px #fff solid;}
.left-nav li a.active, .left-nav li a:hover,#hovers{ border:1px #007D31 solid; color:#007D31;} 
.left-img{ background:url(../images/ab-img.jpg) no-repeat; width:202px; height:419px; position:absolute; left:11px; bottom:0;}


.right{width: 77%;margin-right: 20px;}
.right-top{ background:url(../images/titlebg.png) repeat-x; height:41px; position:relative; padding-left:83px;}
.right-top h3{ background:url(../images/aboutico.jpg) no-repeat left center #fff; padding:0 40px 0 45px; font-size:18px; line-height:41px; float:left; color:#008137;}
.right-top .add{ position:absolute; right:0; top:-5px; color:#666;}
.right-top .add a{ color:#666;}
.right-box{padding: 30px 10px 0 43px; line-height:24px;}


.product-ul li{ float:left; width:300px; padding:26px 20px 30px 0; vertical-align:middle;}
.product-ul li img{ width:288px; height:188px; border:6px #ccc solid; display:block;}
.product-ul li p{ background:#ebebeb; font-size:14px; height:44px; line-height:44px; overflow:hidden; padding:0 10px 0 90px; color:#666;}


/****公司新闻****/
.news_list1 { padding-top: 0px; padding-left: 0px; padding-bottom: 30px; overflow: hidden; line-height: 30px; }
.news_list1 li { background: url(../images/ny_12.jpg) no-repeat left center; padding-left: 12px; text-align: left; height: 30px; line-height: 30px; position: relative; border-bottom:1px dashed #ccc; }
.news_list1 li a { width: 80%; overflow: hidden; height: 30px; display: block; }
.news_list1 li span { position: absolute; right: 5px; top: 0; color: #999; }

.right-box .abouTitle{width:98%;border-bottom: 1px #e1e3e4 solid;padding-bottom: 10px; margin:0 auto;}
.right-box h1 {  font-size: 18px; text-align: center; border-bottom: 1px #e1e3e4 solid; width: 100%; min-height: 30px; line-height: 30px; padding-bottom: 10px; font-weight: normal; margin: 0 auto 10px auto; }


/**分页**/
.page{ margin-top:30px; text-align:center;}
.page a{ display:inline-block; margin:0 2px; width:26px; height:28px; text-align:center; line-height:28px; vertical-align:middle;}
.page a.p-prev,.page a.p-next{ width:36px; height:34px; left:34px; text-align:center;}
.page a.p-prev{background:url(../images/p-prev.jpg) no-repeat;}
.page a.p-next{background:url(../images/p-next.jpg) no-repeat;}
.page a.p-active{background:url(../images/p-active.jpg) no-repeat;}

#wrapper {
	background:#fff;
	position:relative;
}

.fullwidthbanner-container{
	width:100%;
	position:relative;
	padding:0;
	max-height:450px !important;
	overflow:hidden;
}

.fullwidthbanner-container .fullwidthabnner	{
	width:100% !important;
	max-height:450px !important;
	position:relative;
	
}
@media only screen and (max-width: 1024px) {
	
	#wrapper {
	background:#fff;
	}

    .fullwidthbanner-container{
	width:1200px;
	position:relative;
	padding:0;
	max-height:450px !important;
	overflow:hidden;
	}

	.fullwidthbanner-container .fullwidthabnner	{
		width:100% !important;
		max-height:450px !important;
		position:relative;
	}    
}


@media only screen and (min-width: 768px) and (max-width: 959px) {
	  .banner, .bannercontainer			{	width:768px; height:309px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	   .banner, .bannercontainer		{	width:480px; height:193px;	}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
		.banner, .bannercontainer		{	width:320px;height:129px;	}
}

@media only screen and (max-width: 319px) {
		.banner, .bannercontainer		{	width:240px;height:97px;	}
}

.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected {	
	background:#e1472f !important; 
}
.tp-leftarrow:hover,
.tp-rightarrow:hover {	
	background-color:#e1472f !important;
 }
/** BULLETS **/
.tp-bullets {
    z-index: 1001;
    position: absolute;
    bottom: 0px;
}

.tp-bullets.simplebullets.round .bullet {
    cursor: pointer;
    position: relative;
    background: #fff;
    width: 188px;
    height: 6px;
    float: left;
    -webkit-transition: background 0.1s linear;
    -moz-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
}


.tp-leftarrow.large {
	z-index: 100;
	cursor: pointer;
	position: relative;
	background: #393939 url(../images/slider-left-arrow.png) no-Repeat;
	width: 42px;
	height: 43px;
	margin-left: 0px;
	margin-top: -21px;
	-webkit-transition: background 0.1s linear;
	-moz-transition: color, background 0.1s linear;
	-o-transition: color, background 0.1s linear;
	transition: color, background 0.1s linear;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);/*增加阴影*/
	/*
	**打开注释，按钮变成圆形的
	border-radius: 20px;  所有角都使用半径为5px的圆角，此属性为CSS3标准属性 
	-moz-border-radius: 20px;  Mozilla浏览器的私有属性 
	-webkit-border-radius: 20px;  Webkit浏览器的私有属性 
	border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角 
	*/
}

.tp-rightarrow.large {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: #393939 url(../images/slider-right-arrow.png) no-Repeat 0 0;
    width: 42px;
    height: 43px;
    margin-left: 0;
    margin-top: -21px;
    -webkit-transition: background 0.1s linear;
    -moz-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);/*增加阴影*/
	/*
	**打开注释，按钮变成圆形的
	border-radius: 20px;  所有角都使用半径为5px的圆角，此属性为CSS3标准属性 
	-moz-border-radius: 20px;  Mozilla浏览器的私有属性 
	-webkit-border-radius: 20px;  Webkit浏览器的私有属性 
	border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角 
	*/
}



.tp-bullets.tp-thumbs {
    z-index: 100;
    position: absolute;
    padding: 3px;
    background-color: #fff;
    width: 500px;
    height: 50px;
    margin-top: -50px;
}

.fullwidthbanner-container .tp-thumbs {
    padding: 3px;
}

.tp-bullets.tp-thumbs .tp-mask {
    width: 500px;
    height: 50px;
    overflow: hidden;
    position: relative;
}

.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
    width: 5000px;
    position: absolute;
}

.tp-bullets.tp-thumbs .bullet {
    width: 100px;
    height: 50px;
    cursor: pointer;
    overflow: hidden;
    background: none;
    margin: 0;
    float: left;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/*filter: alpha(opacity=50);	*/
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}

.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.tp-thumbs img {
    width: 100%;
}

.tp-bannertimer {
    width: 100%;
    height: 10px;
    position: absolute;
    z-index: 200;
    z-index: 5000;
}

.tp-bannertimer.tp-bottom {
    bottom: 0px !important;
    height: 5px;
}


@media only screen and (min-width: 768px) and (max-width: 959px) {;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .responsive .tp-bullets.tp-thumbs {
        width: 300px !important;
        height: 30px !important;
    }

    .responsive .tp-bullets.tp-thumbs .tp-mask {
        width: 300px !important;
        height: 30px !important;
    }

    .responsive .tp-bullets.tp-thumbs .bullet {
        width: 60px !important;
        height: 30px !important;
    }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .responsive .tp-bullets {
        display: none;
    }

    .responsive .tparrows {
        display: none;
    }
}


.tp-simpleresponsive img {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.tp-simpleresponsive a {
    text-decoration: none;
}

.tp-simpleresponsive ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tp-simpleresponsive >ul >li {
    list-stye: none;
    position: absolute;
    visibility: hidden;
}

.caption.slidelink a div,
.tp-caption.slidelink a div {
    width: 10000px;
    height: 10000px;
}

.tp-loader {
    background: url(../images/loader.gif) no-repeat 10px 10px;
    background-color: #fff;
    margin: -22px -22px;
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: absolute;
    width: 44px;
    height: 44px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}