@charset "utf-8";
body {margin: 0px;padding: 0px; font-family:"΢ÈíÑźÚ","ËÎÌå"; font-size:14px;color:#7e7e7e; line-height:22px;  position:relative;height:auto !important;}
.bgbody{ background-color:#ededed;}
td {font-size: 12px;}
img {border:none;}
p{ margin:0px; text-indent:0em;}
form,input,select,button,textarea {font-size: 12px; color:#60a026;font-family:"΢ÈíÑźÚ","ËÎÌå"; margin: 0px;padding: 0px;}
ul,li,h1,h2,h3,h4,h5,dl,dt,dd,em,div ,i{margin: 0px;padding: 0px; font-style:normal; list-style:none; text-indent:0px;}
a:active{star:expression(this.onFocus=this.blur());} 
:focus{outline:none;}
a:focus,button:focus{outline:none; -moz-outline:none;}
::-moz-focus-inner{border:0px;outline:none;}
.m{ width:1000px; margin:0 auto;}

.clear {margin:0px; padding:0px; clear:both;}


a {text-decoration:none; color:#7e7e7e;}
a:hover {text-decoration:none;color:#000000;}
.sr{ float:right;}
.sl{ float:left;}
.fl{float:left}
.fr{float:right}

/*top*/
#top{ width:100%; height:105px; margin:0 auto; }
.top{ width:1200px; height:105px; margin:0 auto;border-bottom: 1px solid #d8d8d8; }
.logo{ width:530px;float:left; position: relative;}
.logo img{ padding-top:15px; display: block;padding-top: 27px;}
.phone{background:url("../images/tel.png") no-repeat center left; width: 350px; float: right; margin-top: 35px;}
.phone h2{ color: #302e2e;font-size: 20px; margin-left: 50px; font-weight: bold;font-weight: bold;border-bottom: 1px solid #e0e0e0;width: 287px;}
.phone p span{color: #727272;font-size: 16px;margin-left: 50px;font-weight: normal;}
.phone p {color: #056bc5;font-size: 22px;font-weight: bold;}
#nav{ width: 100%; height: 65px;  margin: 0 auto; overflow: hidden;}
.nav{ width:1200px;  margin: 0 auto; }
.nav ul li{ width: 150px; text-align: center;position: relative;float: left;}
.nav ul li:after{display: block; content: ''; width:13px;height: 1px; float: right; background: #434343;margin-top: -15px; }
.nav ul li:last-child:after{ background: none;}
.nav ul li a{display: block; width: 100px; font-size: 16px; color:#323232 ;height: 30px;margin: 0 auto;line-height: 30px;margin-top: 20px}
.nav ul li a:hover{ color: #fff;background: #056bc5; border-radius: 30px;  }
.banner_w{ width: 100%; height:550px; overflow: hidden; min-width:1200px;}

/*banner*/
.fullwidthbanner-container{
	width:100% !important;
	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:#3088d1 !important; 
}
.tp-leftarrow:hover,
.tp-rightarrow:hover {	
	background-color:#3088d1 !important;
 }

.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-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:DXimagesTransform.Microsoft.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:DXimagesTransform.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;
}

/*products*/
.cp_tp{
	width:100%;
	background:#f7f7f7;
	
	}
.cp_tp1{
	width:100%;
	height:81px;
	/*background:url(../images/cpbj2.jpg);*/
	}
.mleft{
	width:260px;
	float:left;
	}
.mright{
	width:920px;
	float:right;
	 
	}
	.idx_mright{ margin-top: -93px;}
#cpl{
	font-size:14px;
	margin-top:18px;
	}
.mup{
	height: 50px;
	line-height:45px;
	text-align:left;
	text-indent:2em;
	font-size:14px;
	background:url(../images/tybj.png);
	}
.mup span{
	margin-left:25px;
	font-size:13px;
	color: #cccccf;
	font-weight: bold;
	}
.gd {
	float:right;
	padding-right:10px;
	}
.gd a{
	font-weight:normal;
	padding:2px 18px;
	background:#e60012;
	color:#fff;
	}
#mleft1{
	background: #025aa4;
	padding: 0 0px 27px 0px;
	margin-top: 25px;
	}
.list1{
	width:100%;
	height: 41px;
	text-align:left;
	background:url(../images/listbj.jpg);
	text-indent: 3em;
	font-size:14px;
	font-weight:bold;
	line-height: 53px;
	border-bottom: 1px dashed #3088d1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
	}
.list1 a{
	color:#FFFFFF;
	font-size: 15px;
	}
.list{
	width:190px;
	height:32px;
	line-height:32px;
	text-align:left;
	text-indent:1.5em;
	margin-left:65px;
	background:url(../images/list.png) no-repeat left;
	background-position:5px center;
	overflow: hidden; text-overflow: ellipsis; white-space:nowrap;
	}
.moddle {
    width: 1200px;
    overflow: hidden;
}
.center {
    margin: auto;
}
.idx_mright {
    margin-top: -93px;
}
.sytp {
    width: 275px;
    float: left;
    margin-left: 30px;
    line-height: 30px;
    text-align: center;
    height: 241px;
    background: #FFFFFF;
    margin-top: 15px;
}
.proimg_bk {
    width: 275px;
    height: 206px;
    border: 1px solid #ddd;
    position: relative;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.proimg_bk .proimg {
    width: 218px;
    line-height: 215px;
    height: 165px;
    font-size: 215px;
    text-align: center;
    position: static;
    +position: absolute;
    top: 50%;
}
a {
    color: #333333;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.3s ease-in-out 0s;
}
.proimg_bk img {
    vertical-align: middle;
    position: static;
    +position: relative;
    top: -50%;
    left: -50%;
    width: 210px;
    height: 162px;
}
.sytp p {
    height: 28px;
    display: block;
}

/*youshi*/


.floor_3_main {
	width: 100%;
	clear: left;
	display: block;
	background: url(../images/a4_02.jpg) center center no-repeat;
	height: 750px;
	margin-top:19px;
}
.floor_3_main .floor_3 {
	position: relative;
	display: block;
	width: 1200px;
}
.floor_3_main .floor_3 h3 {
	font-size: 32px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding-top: 40px;
}
.floor_3_main .floor_3 .floor_3_1 {
	background: url(../images/a6_03.png) center center no-repeat;
	width: 837px;
	height: 58px;
	margin: 0 auto;
	margin-top: 44px;
	text-align: center;
	margin-bottom: 70px;
}
.floor_3_main .floor_3 .floor_3_1 p {
	float: left;
	font-size: 24px;
	color: #fff;
	line-height: 58px;
	padding-left: 144px;
}
.floor_3_main .floor_3 .floor_3_1 i {
	float: right;
	font-size: 24px;
	color: #fc1f1a;
	line-height: 58px;
	font-weight: bold;
	padding-right: 196px;
}
.floor_3_main .floor_3 .floor_3_2 {
	background: url(../images/a5_07.png) center center no-repeat;
	width: 424px;
	height: 419px;
	position: absolute;
	left: 50%;
	top: 280px;
	margin-left: -212px;
	-webkit-transition: all ease-in-out 5s;
	-webkit-animation: big 5s infinite linear;
}
@-webkit-keyframes big {
0% {
-webkit-transform: scale(1);
}
50% {
-webkit-transform: scale(0.95);
}
100% {
-webkit-transform: scale(1);
}
}
.floor_3_3 {
	position: relative;
	width: 1200px;
	height: 526px;
	clear: left;
}
.floor_3_3 ul {
	display: inline-block;
	width: 1200px;
	height: 526px;
}
.floor_3_3 ul li {
	width: 318px;
	height: 143px;
	border-bottom: #a6b6db dotted 1px;
	margin-bottom: 10px;
}
.floor_3_3 ul li p {
	font-size: 22px;
	color: #fff;
	font-weight: bold;
	padding-top: 12px;
}
.floor_3_3 ul li p span {
	display: inline-block;
	width: 36px;
	height: 27px;
	background-position: 0px 0px;
	margin-right: 6px;
}
.floor_3_3 ul li i {
	display: block;
	font-size: 14px;
	color: #dddddd;
	line-height: 24px;
	padding-top: 14px;
}
.floor_3_3 ul li.li1 {
	position: absolute;
	left: 0;
	top: 0;
}
.floor_3_3 ul li.li2 {
	position: absolute;
	right: 0;
	top: 0;
}
.floor_3_3 ul li.li3 {
	position: absolute;
	left: 0;
	top: 156px;
}
.floor_3_3 ul li.li4 {
	position: absolute;
	right: 0;
	top: 156px;
}
.floor_3_3 ul li.li5 {
	position: absolute;
	left: 0;
	top: 310px;
}
.floor_3_3 ul li.li6 {
	position: absolute;
	right: 0;
	top: 310px;
}
.floor_3_3 ul li.li2 p span {
	background-position: -39px 0px;
}
.floor_3_3 ul li.li3 p span {
	background-position: -75px 0px;
}
.floor_3_3 ul li.li4 p span {
	background-position: -120px 0px;
}
.floor_3_3 ul li.li5 p span {
	background-position: -159px 0px;
}
.floor_3_3 ul li.li6 p span {
	background-position: -206px 0px;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}
.iconp {
    background: url(../images/iconp.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
}

/*case*/
.wit {
	overflow: hidden;
	height: 715px;
}

.wit h2 {
	display: block;
	margin-top: 30px;
	padding-top: 35px;
	height: 90px;
	text-align: center;
	font-size: 40px;
	background: url(../images/wit_tbg.jpg) no-repeat center top;
}

.wit h2 a {
	color: #d8292d;
	font-size:40px;
}

.wit h2 a:hover {
	text-decoration: none;
}

.wit h2 em {
	display: block;
	font-size: 20px;
	color: #666666;
	font-weight: normal;
	
}

.wit ul.slogo {
	position: relative;
	overflow: hidden;
	display: block;
	margin-top: 20px;
	height: 350px;
	margin: 0 49px;
}


.wit .slogo li {
	position: absolute;
	display: block;
	float: left;
	margin-right: 28px;
	width: 170px;
	height: 144px;
	background: url(../images/wit_pbgs.png) no-repeat left top;
}

.wit .slogo li span {
	display: block;
	margin: 25px auto 0;
	width: 60px;
	height: 60px;
}

.wit .slogo li em {
	display: block;
	height: 36px;
	line-height: 36px;
	font-size: 20px;
	color: #5f5f5f;
	text-align: center;
}

.wit .slogo li.cur,
.wit .slogo li.cur2 {
	background: url(../images/wit_pbgs2.png) no-repeat left top;
}

.wit .slogo li.cur em,
.wit .slogo li.cur2 em {
	color: #ffffff;
}

.wit .slogo li a:hover {
	text-decoration: none;
}

.wit .slogo .li1 span {
	background: url(../images/wit_l1.png) no-repeat left top;
}

.wit .slogo .li2 span {
	background: url(../images/wit_l2.png) no-repeat left top;
}

.wit .slogo .li3 span {
	background: url(../images/wit_l3.png) no-repeat left top;
}

.wit .slogo .li4 span {
	background: url(../images/wit_l4.png) no-repeat left top;
}

.wit .slogo .li5 span {
	background: url(../images/wit_l5.png) no-repeat left top;
}

.wit .slogo .li6 span {
	background: url(../images/wit_l6.png) no-repeat left top;
}

.wit .slogo .li7 span {

}

.wit .slogo .li8 span {
	background: url(../images/wit_l8.png) no-repeat left top;
}

.wit .slogo .li9 span {
	background: url(../images/wit_l9.png) no-repeat left top;
}

.wit .slogo .li10 span {
	background: url(../images/wit_l10.png) no-repeat left top;
}

.wit .slogo .li1.cur span {
	background: url(../images/wit_l1-2.png) no-repeat left top;
}

.wit .slogo .li2.cur span {
	background: url(../images/wit_l2-2.png) no-repeat left top;
}

.wit .slogo .li3.cur span {
	background: url(../images/wit_l3-2.png) no-repeat left top;
}

.wit .slogo .li4.cur span {
	background: url(../images/wit_l4-2.png) no-repeat left top;
}

.wit .slogo .li5.cur span {
	background: url(../images/wit_l5-2.png) no-repeat left top;
}

.wit .slogo .li6.cur span {
	background: url(../images/wit_l6-2.png) no-repeat left top;
}

.wit .slogo .li7.cur span,
.wit .slogo .li7.cur2 span {
	background: url(../images/wit_l7-2.png) no-repeat left top;
}

.wit .slogo .li8.cur span {
	background: url(../images/wit_l8-2.png) no-repeat left top;
}

.wit .slogo .li9.cur span {
	background: url(../images/wit_l9-2.png) no-repeat left top;
}

.wit .slogo .li10.cur span {
	background: url(../images/wit_l10-2.png) no-repeat left top;
}

.wit .slogo .li1 {
	left: 0;
	top: 80px;
}

.wit .slogo .li2 {
	left: 160px;
	top: 0;
}

.wit .slogo .li3 {
	left: 315px;
	top: 80px;
}

.wit .slogo .li4 {
	left: 470px;
	top: 0;
}

.wit .slogo .li5 {
	left: 620px;
	top: 80px;
}

.wit .slogo .li6 {
	left: 773px;
	top: 0;
}

.wit .slogo .li7 {
	left: 930px;
	top: 80px;
}

.wit .slogo .li8 {
	left: 160px;
	top: 175px;
}

.wit .slogo .li9 {
	left: 470px;
	top: 175px;
}

.wit .slogo .li10 {
	left: 774px;
	top: 175px;
}

.pr {
    position: relative;
}
.header, .content, .footer {
    width: 1200px;
    margin: 0 auto;
}
/*gundong*/
.marqueeleft{height:176px;width:1200px;overflow:hidden;margin:5px auto;margin-left:10px;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 5px;display:inline;width:186px;height:173px;overflow:hidden;}
.marqueeleft li .pic{display:block;border:#ccc 1px solid;width:180px;height:134px;padding:2px;overflow:hidden;}
.marqueeleft li .txt{text-align:center;height:23px;line-height:23px;}

/*news*/

.con3 .news_bg{width:100%;/* background:#f8f8f8; */overflow:hidden;padding-bottom:20px;/*margin-top:80px;*/}
.con3 .news_bg .news{ width:1200px; margin:0px auto 0}
.news_left{float:left;width: 380px;padding-right: 15px;}
.news_middle{width: 380px;float:left;padding-left: 15px;padding-right: 15px;border-left:1px solid #e6e5e5;border-right:1px solid #e6e5e5;}
.news_right{float:left;width: 375px;margin-left: 15px;}
.news_ts a{font-size: 20px;color: #797979;}
.news_ts a:hover{ text-decoration:none;color: #3088d1}
.news_ts em{font-size: 18px;color: #3088d1;line-height: 20px; font-style:normal; margin-left:8px}
.news_c{margin-top: 10px;}
.news_c ul li{line-height: 30px; height:30px;color: #a3a3a3;}
.news_c ul li h2 a{color: #333;/*width: 75%;height: 30px;*/overflow: hidden;float:left;font-size: 15px;font-weight:normal;}
.news_c ul li h2 a:hover{text-decoration:none;color: #3088d1}
.news_c ul li span{float:right;}

/*footer*/
.flogo {
	overflow: hidden;
	height: 270px;
	background: url(../images/flogo_bg.jpg) no-repeat center top;
}

.fnav {
	position: absolute;
	left: 275px;
	top: 40px;
	overflow: hidden;
	width: 100%;
	height: 52px;
	line-height: 52px;
}

.fnav a {
	display: inline-block;
	padding: 0 16px;
	font-size: 14px;
	color: #ffffff;
	background: url(../images/fnav_abg.png) no-repeat right center;
}

.fnav a.laster {
	background: none;
}

.flogo2 {
	overflow: hidden;
	height: 316px;
}

.flogo2 h2 {
	position: absolute;
	left: 0;
	top: 60px;
	display: block;
	float: left;
	width: 242px;
	height: 150px;
}

.flogo2 h2 a:hover {
	text-decoration: none;
}

.flogo2 h2 img {
	display: block;
	width: 242px;
	height: 101px;
}

.flogo2 h2 em {
	display: block;
	font-size: 14px;
	font-weight: normal;
	line-height: 30px;
	color: #9b9b9b;
	letter-spacing: 8px;
}

.flogo2 ul {
	position: absolute;
	left: 295px;
	top: 130px;
	display: block;
	width: 100%;
	height: 130px;
}

.flogo2 ul li {
	overflow: hidden;
	display: block;
	float: left;
	width: 100%;
	line-height: 34px;
	height: 34px;
}

.flogo2 ul li span {
	display: inline-blcok;
	float: left;
	margin-right: 20px;
	font-size: 14px;
	color: #ffffff;
}

.flogo2 ul li span a {
	color: #ffffff;
}

.flogo2 ul li span.btns img {
	padding-top: 10px;
}

.flogo2 p {
	position: absolute;
	left: 760px;
	top: 150px;
	overflow: hidden;
	display: block;
	width: 235px;
	height: 120px;
	background: url(../images/flogo_pbg.png) no-repeat left top;
}

.flogo2 p img {
	display: block;
	float: left;
	margin: 10px 0 0 10px;
	width: 97px;
	height: 97px;
}

.flogo2 p em {
	display: block;
	float: right;
	padding-top: 55px;
	width: 115px;
	line-height: 28px;
	height: 60px;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
}

.flogo .fbtn {
	position: absolute;
	left: 0;
	top: 225px;
	overflow: hidden;
	display: block;
	width: 200px;
	height: 35px;
}

.flogo .fbtn a {
	display: block;
	float: left;
	margin-right: 10px;
	width: 35px;
	height: 35px;
}

.ftexts {
	overflow: hidden;
	height: 60px;
	line-height: 60px;
	font-size: 14px;
	color: #6a6a6a;
}

.ftexts p {
	overflow: hidden;
	display: block;
	float: right;
}

.ftexts p a {
	display: inline-block;
	padding: 0;
}

.ftexts p a.laster {
	background: none;
}

.flogo2 .tcode22 {
	display: none;
	position: absolute;
	left: 140px;
	top: 225px;
}

.flogo2 .tcode22 img {
	height: 86px;
	width: 86px;
}