@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#444;}
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.border{border:1px solid #DFDFDF;}
.bg{background-color: #B0C4DE;}
.bg1{background-color: #CAFF70;}
.bg2{background-color: #FFC1C1;}
.bg3{background-color: #FFA07A;}
.bg4{background-color: white;}
.hj200 {line-height: 200%;}
.mt30{margin-top: 30px}
.mt20{margin-top: 20px}
.mt10{margin-top: 10px}
.w0{width: 100%}
.w1100{width: 1100px;margin:0 auto;}
.w1140{width: 1140px;margin:0 auto;}
a { text-decoration: none; outline: none; color: #000; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li { list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;}
img { border: 0; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}

.headercon{ width: 1200px; height: auto; margin: 0px auto; padding: 10px 0px;}
.headercon .logo_zi{font-size: 17px;padding-top: 21px;color: #888;padding-left: 30px;}
.headercon .tel{ width: 140px; height: 40px; line-height: 40px; padding-top: 40px; background: url(../images/tel.png) no-repeat top center; float:right; font-size: 25px; color: #b02222;}

.nav{ width: 100%; height:50px;line-height: 50px; background:#007cc2;}
.nav ul{ width: 1200px; margin: 0 auto;}
.nav ul li{ float: left;}
.nav ul li a{ color: #fff; font-size: 15px; display: block; padding: 0px 54px;}
.nav ul li a:hover{ background: #b02222;}
/*banner start*/
.flexslider {
	margin: 0px auto 0px;
	position: relative;
	width: 100%;
	height: 600px;
	overflow: hidden;
	zoom: 1;
}

.flexslider .slides li {
	width: 100%;
	height: 100%;
}

.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../images/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}

.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	right: 0;
}

.flex-direction-nav .flex-prev {
	left: 0;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}
.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.flex-control-paging li a {
	background: #dfdfdf;
	display: block;
	height: 10px;
	overflow: hidden;
	text-indent: -99em;
	width: 10px;
	cursor: pointer;
	-webkit-transition: all 0s ease;
	border-radius:10px;
}
.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background:#FFA23B;
}
.flexslider .slides a img {
	width: 100%;
	height: 600px;
	display: block;
}
/*banner end*/
.ipro{ width: 1200px; height: auto; margin: 45px auto;}
/*.iprotitle{ width: 100%; height: 50px; line-height: 50px; margin: 30px 0px; text-align: center; color: #007cc2; font-size: 30px}*/
.iproleft{ width: 280px; height: auto; float: left;}
.iproleft .prot{ width: 100%; height:65px; line-height: 65px; color: #fff; text-align:left; font-size:30px; text-indent: 20px; background:#007cc2 url(../images/pt1.png) no-repeat 200px center;}
.iproleft ul{ width: 100%; height: auto; background: #fff;}
.iproleft ul li{ width: 100%; background:#007cc2; line-height:45px; color: #fff; margin-top: 20px; text-indent: 20px;}
.iproleft ul li a{ color: #fff; display: block;}
.iproleft ul li a span{ float: right; padding-right: 10px; font-size: 20px;}
.iproleft ul li a:hover{ background: #b02222;}
.iproleft ul li ul{ background: #fff; padding: 0px;}
.iproleft ul li ul li{ background: #fff; margin: 0px;}
.iproleft ul li ul li a{ color:#007cc2; font-size: 14px;}
.iproleft ul li ul li a:hover{ background: none; color:#b02222; padding-left: 1px; font-size: 14.3px;}
.lftelp{ width: 100%; height:118px; background: #007cc2;color: #fff; text-align: center;}
.lftelp p{height: 30px; line-height:30px; text-align: center; font-size: 20px; padding-top: 25px;}
.lftelp span{ font-size: 25px;}

.iproright{ width: 900px; height: auto; float: right;}
.iproright ul{ width: 100%; height: auto;}
.iproright ul li{ width: 270px; height: auto; float: left; margin:0px 0px 26px 30px;}
.iproright ul li img{ width: 268px; height: 202.5px; border: 1px solid #dedede;}
.iproright ul li p{ width: 100%; height: 40px; line-height: 40px; text-align: center; background: #007cc2; text-align: center; color: #fff; margin-top:11px;}

.iproright ul li a:hover img{ border:1px solid #b02222;}
.iproright ul li a:hover p{ background:#b02222; font-weight: bold; font-size: 15px; }

.company{width: 100%; height:580px; background:url('../images/aboutbg.jpg') no-repeat center top; font-size: 14px; padding-top:40px;}
.companyt{ width: 200px; height: 40px; line-height: 40px; border:1px solid #007cc2; color: #fff; }
.companyt span{ display: inline-block; width: 100px;  text-align: center; color: #007cc2;}
.companyt span:nth-child(1){background: #333;color: #fff;}
.compnaycon{ width: 1200px; height: auto; margin: 0 auto; padding: 50px 0px;}
.compnaycon p{ color: #fff; line-height: 30px;}
.compnaycon .more{ display: block; width: 100px; height: 30px; line-height: 30px; text-align: center; border:1px solid #f00; color: #f00; border-radius: 3px; margin: 20px 0px; float: right;}
.compnaycon .more:hover{ color: #fff; border:1px solid #fff;}
/*.comimg{ width: 100%; height: auto;}
.smallimg{ margin: 100px 250px;}*/
.hezuo{height:240px;}
.hezuo ul{margin-top: 25px;}
.hezuo ul li{display:inline-block;padding: 2px;border:1px solid #dfdfdf;margin: 0 17px;}

/*合作案例*/
.icase{ width: 100%; height: auto;}
.icase p{ width: 185px; height: 40px; line-height: 40px; margin: 0 auto; background: #fff; position: relative;z-index: 2; text-align: center; color: #007cc2; font-size:30px;}
.icase.line{ width: 100%; height: 1px; border-top:1px solid #007cc2; position: absolute; z-index:0; top:20px;}
/*.icaset{ width: 200px; height: 28px; line-height: 28px; color:#007cc2; text-indent: 30px; font-size: 30px; margin: 0 auto;}*/
.icase ul{ width: 100%; height: auto; padding: 40px 0px;}
.icase ul li{ width: 270px; height:200px; float: left; margin: 0px 15px; position: relative;}
.icase ul li img{ width: 270px; height: 200px;border-radius: 20px;}
.caseb{ width:100%; height: 200px; position: absolute;top:0px;left:0px;}
.caseb p{ width: 100%; height: 30px; line-height: 30px; text-align: center; color:#007cc2;margin: 30px 0px 40px 0px;}
.caseb span{ display: block; padding: 10px 20px; background:rgba(251,251,251,0.65);color:#007cc2;text-align: center; font-weight: bold;border-top-right-radius:20px;border-top-left-radius:20px;}

.inews{ width: 100%; height:583px; background: url('../images/newsbg.jpg') no-repeat center center; padding-top:50px;}
.inews ul{ width: 100%; height: auto; padding-top: 50px;}
.inews ul li{ width:250px; height:auto; float: left; margin:10px 0px; padding: 20px 20px;}
.inews ul li .date{ width: 80px; height: auto; border:1px solid #333; color: #333; margin: 0 auto; text-align: center; font-size: 20px;}
.inews ul li .date p{ width: 100%; height: 25px; line-height: 25px; text-align: center; font-size:15px}
.inews ul li p{ color: #333; height:40px; line-height: 40px; font-size: 16px; overflow: hidden;}
.inews ul li span{ line-height: 20px; color: #333; font-size: 13px;}
.inews ul li:hover{ background: #fff; border-radius:5px;}
.inews ul li:hover .date{ border:1px solid #333; color: #333;}
.inews ul li:hover .date p{color: #666;}
.inews ul li:hover p{ color: #333;}
.inews ul li:hover span{ color: #666;}

.icontactt{ width: 100%; height: 40px;line-height: 40px; margin-top: 40px; text-align: center; position: relative;}
.icontactt p{ width: 185px; height: 40px; line-height: 40px; margin: 0 auto; background: #fff; position: relative;z-index: 2; text-align: center; color: #007cc2; font-size:30px;}
.icontactt .line{ width: 100%; height: 1px; border-top:1px solid #007cc2; position: absolute; z-index:0; top:20px;}

.iconul{ width: 100%; height: auto; padding: 20px 0px;}

.iconul li{ width:190px; height:160px; margin:0px 46px; float: left;padding: 50px 20px; text-align: center;}

.iconul li span{ font-size:20px; display:block; text-align: center; line-height: 60px; color:#fff; font-weight: bold;}
.iconul li p{ color:#fff; padding-top: 0px; text-align: center;}

.iconul li:nth-child(1){ margin-left:0px !important;background: url('../images/lianxi1.jpg') no-repeat center center;}
.iconul li:nth-child(2){background: url('../images/lianxi2.jpg') no-repeat center center;}
.iconul li:nth-child(3){background: url('../images/lianxi3.jpg') no-repeat center center;}
.iconul li:nth-child(4){ margin-right:0px !important;background: url('../images/lianxi4.jpg') no-repeat center center;}

.message{ width: 100%; height: auto; padding: 30px 0px;}
.messaget{ width: 100%; height: 40px; line-height: 40px; color: #007cc2; font-size: 20px}
.messagel{ width:640px; height: auto; float: left;}
.mesinpu{ width: 300px; height:32px; line-height:32px; margin-bottom: 20px; border:1px solid #007cc2; color:#007cc2 !important; text-indent: 20px; font-size: 15px;}

input[placeholder], [placeholder], *[placeholder] { 
color:#007cc2 !important; 
} 
.messagel .content{ width: 638px; height: 170px; border: 1px solid #007cc2;}
.messagel .content .textre{ width: 400px; height:165px; float: left; border: 0px; float: left; }
.contextr{ width: 230px; height:170px; float:right;}
.mescodeb{ width: 100%; height: 40px; line-height: 40px;border-left:1px solid #007cc2;border-top:1px solid #007cc2;border-bottom:1px solid #007cc2; margin: 13px 0px;}
.mescodeb p{ width:90px; float: left; color: #007cc2; text-align: center;}
.mescode { width: 130px; height:36px; line-height: 36px; border-left:1px solid #007cc2; border-right: 0px; border-top: 0px; border-bottom: 0px; }
.messubmit{width:230px; height: 40px; line-height: 40px; color: #007cc2; text-align: center; border-left:1px solid #007cc2;border-top:1px solid #007cc2; border-bottom: 0px; border-right:0px; font-size: 16px;}

.mesinpl{ float: left;}
.mesinpr{ float: right;}

.messager{ width:540px; height: auto; float: right;}



.ifooter{ width: 100%; height:260px; background: url('../images/footbg.png') no-repeat center center; padding-top:20px;}
.fbox3{ width:900px; float: left;}
.fbox1{ width:400px; height:auto; float: left;}
.fbox1 p{ font-size:20px; color: #fff;}
.fbox1 ul{ width: 200px; height: auto; padding-top: 20px;}
.fbox1 ul li{ width:50%; height:35px; line-height: 35px; float:left;}
.fbox1 ul li a{ color: #fff;}
.fbox1 .fboxcon{ line-height: 30px; color: #fff; padding-top: 20px;}
.fewm{ width:175px;height:250px; float:right;background: url('../images/wap.png') no-repeat center bottom;}
.fewm img{ width: 175px; height: 175px; background: #fff;}
.copyright{ width: 100%; height: 40px; line-height: 40px; text-align: left; color: #fff; }
.main{ width: 1200px; height: auto; margin: 0 auto;}