@charset "utf-8";
/*通用样式*/
*{margin:0;padding:0;word-wrap:break-word;}
body{    font-family: Helvetica,Hiragino Sans GB,Microsoft Yahei,sans-serif;color:#444;}
html, body, h1, h2, h3, h4, ul, li, dl,input{ margin:0px;padding:0px;list-style-type:none }
a{color:#333;text-decoration:none;}
a:hover{text-decoration: none;}
a img{border:none;} 
div,ul,li,p,form{padding: 0px; margin: 0px;list-style-type: none;}
em{font-style: normal;font-weight: normal;}
table {padding: 0px; margin: 0px;list-style-type: none;}
dt,dl,dd {padding: 0px; margin: 0px;list-style-type: none;}
form{margin:0px;padding:0px;}
tr {padding: 0px; margin: 0px;list-style-type: none;}
h3,h4{padding:0px; font-size:14px; font-weight:bold;}
.clear {clear:both;height:0px; overflow:hidden;}


.jianbian {-webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;  -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.jianbian2 {-webkit-transition: all 0.6s ease-in-out;  -moz-transition: all 0.6s ease-in-out;  -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
.yuanjiao {-moz-border-radius: 50%;	-webkit-border-radius: 50%;	border-radius: 50%;}
.yuanjiao5 {-moz-border-radius: 5px;	-webkit-border-radius: 5px;	border-radius: 5px;}
.yuanjiao10 {-moz-border-radius: 10px;	-webkit-border-radius: 10px;	border-radius: 10px;}
.yuanjiao20 {-moz-border-radius: 20px;	-webkit-border-radius: 20px;	border-radius: 20px;}
.yuanjiao30 {-moz-border-radius: 30px;	-webkit-border-radius: 30px;	border-radius: 30px;}
.yinying {-moz-box-shadow: 0 0 40px #999;-webkit-box-shadow: 0 0 40px #999;box-shadow:0 0 40px #999;}
.yinying2 {-moz-box-shadow: 0 0px 30px #ccc;-webkit-box-shadow: 0 0 30px #ccc;box-shadow:0 0 30px #ccc;}
.yinying3 {-moz-box-shadow: 0 0px 20px #ccc;-webkit-box-shadow: 0 0 20px #ccc;box-shadow:0 0 20px #ccc;}
.touming8 { filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;  }

.wrapper { width:1400px; height:auto;  clear:both; margin:0 auto; }
.wrapper h2 {display: block; width:1400px; height:auto; overflow: hidden; margin:0 auto; padding-top:100px; font-size:20px; color:#f0f0f0;text-align: center; letter-spacing: 5px; line-height: 40px; }
.wrapper h2 span { font-size: 38px; color:#333;  text-align: center; display: block; width:100%;  }
.wrapper h2 i {display: block; width:70px; height:5px; background-color:#015AAA; background-image: linear-gradient(to right, #00AEEF, #015AAA); margin:0 auto; border-radius: 60px;}

 #returnTop {
	_display:none;
	position:fixed;
	_position:absolute;
	z-index:999;
	right:15px;
	bottom:-200px;
	_bottom:auto;
	width:36px;
	height:65px;
	text-indent:-999px;
	overflow:hidden;
	background-image:url(../images/Top.png);
	_background-image:url(../images/Top.png);
	background-repeat:no-repeat;
	background-position:0 0;
	transition:bottom 0.9s;
	-webkit-transition:bottom 0.9s;
	-moz-transition:bottom 0.9s;
	-o-transition:bottom 0.9s;
}
#returnTop:hover {
	background-position:0 -65px;
}

.topper { width:1400px; height:110px;  margin:0 auto; position: relative; }
.toppernav {width:840px; height:80px; position: absolute; right:0; bottom:0px; }
.topper .logo{width:300px; height:110px; position: absolute; left:0; top:0; }
.topper .logo img {width:400px; height: 110px;}

/*navcss */
		.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
		.nav{  height:78px; position:relative;}
		.nav a{ color:#333;  }
		.nav .nLi {float:left;  position:relative; display:inline; }
		.nav .nLi h3{ float:left;  }
		/* .nav .nLi h3 i{ display: block; width:66px; height:3px; position: absolute; bottom:0; background:#000; left:auto; right:auto;} */
		.nav .nLi h3 a{ display:block; padding:0px; font-size:16px; font-weight:bold; width:100px; text-align:center; color:#333; margin:0px 20px; border-top:2px solid #fff; line-height:76px;}
		.nav .on h3 a{ color:#015AAA; height:72px;  border-bottom:5px solid #015AAA; background: #fff;}
		
		
		.nav .sub{ display:none; width:100%; left:10px; top:78px;  position:absolute; background:#015AAA;  line-height:26px; padding:0px;  z-index:20000;}
		.nav .sub li{ zoom:1; }
		.nav .sub a{ display:block; padding:5px 0px; border-bottom:1px solid #00AEEF; color:#fff; text-align:center; font-size:14px; }
		.nav .sub a:hover{ background:#00AEEF; color:#fff;  }
		.nav .sub .mysub {width:100%; height: auto; }
		.nav .sub .mysub li{ width:100%; }
		.nav .sub .mysub a {background:#000; }
		
		
.Nbanner{position:relative;z-index:1;width:100%;margin:0 auto;text-align:center;top:-2px;}
.bannerSlide {width:100%;height:800px;overflow:hidden;margin:0 auto;max-width:1920px;vertical-align: middle; background: url() no-repeat center}
.bannerSlide .slideBox,.bannerSlide .slideBox .tempWrap {width:100%;height:800px;margin:0 auto;}
.bannerSlide .slideBox li {position:relative;width:100%;height:800px;overflow:hidden;}
.bannerSlide .slideBox li a {display:block;width:100%;height:100%;position:relative;transition: none; cursor: pointer;}
.bannerSlide .slideBox li img {position:absolute; z-index:1;left:50%;top:0;margin-left:-960px;}
.bannerSlide .slideBox li img,.bannerSlide .slideBox li i.ii1{-moz-transform:scaleX(1.05) scaleY(1.05);-ms-transform:scaleX(1.05) scaleY(1.05);-o-transform:scaleX(1.05) scaleY(1.05);-webkit-transform:scaleX(1.05) scaleY(1.05);transform:scaleX(1.05) scaleY(1.05);}
.bannerSlide .slideBox li.active img,.bannerSlide .slideBox li.active i.ii1{-moz-transition:-moz-transform 4s linear 0s;-ms-transition:-ms-transform 4s linear 0s;-o-transition:-o-transform 4s linear 0s;-webkit-transition:-webkit-transform 4s linear 0s;transition:transform 4s linear 0s;-moz-transform:scaleX(1) scaleY(1);-ms-transform:scaleX(1) scaleY(1);-o-transform:scaleX(1) scaleY(1);-webkit-transform:scaleX(1) scaleY(1);transform:scaleX(1) scaleY(1);}
.focus{width: 28px !important;position: absolute;right: 18%;top: 50%;transform: translateY(-50%);text-align: center;z-index: 2;left: auto !important;bottom: auto !important;}
.focus span{width:28px;height: 28px;position: relative;display: block;zoom: 1;background: none;opacity: 1;margin: 8px 0;}
.focus span::after{content: "";margin: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 8px;height: 8px;background: #fff;transition: all 0.2s ease-in;border-radius: 50%;}
.focus span:hover::after{width: 12px;height: 12px;}
.focus span.active::after{box-shadow: 0 0 0 8px #003594;}
.focus span.active{background: none;}


/* 案例展示 */
.homealzs {width:100%; height: 800px; background: url(../images/anlibg.jpg) center no-repeat; margin-top:100px;}
/* 本例子css */
.picScroll-left{ width:1460px;  overflow:hidden; position:relative; margin:0 auto; height:420px; padding-top:30px;}
.picScroll-left .hd{ overflow:hidden; }
.picScroll-left .prev { display:block; width:50px; height:50px;  background:url(../images/left3.png) ; position:absolute; top:220px; left:0; z-index:1000;}
.picScroll-left .next{  display:block; width:50px; height:50px;  background:url(../images/right3.png) ;position:absolute; top:220px; right:0;z-index:1000;}

/* 
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }  */

.picScroll-left .bd{ width:1380px; margin:0 auto; height:auto; padding:0 40px; }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ width:420px; height:380px; margin:20px; float:left; position: relative;}
.picScroll-left .bd ul li a{display:block; width:420px; height:380px;background:#fff; position: absolute; top:0px; left:0;-moz-box-shadow: 0 0px 20px rgba(25,25,112,0.5);-webkit-box-shadow: 0 0 20px rgba(25,25,112,0.5);box-shadow:0 0 20px rgba(25,25,112,0.5);}
.picscroll-left .bd ul li a:hover { position: absolute; top:-30px; left:0; }
.picScroll-left .bd ul li a span{ text-align:center; display:block; width:420px; height:80px; background:#fff; color:#333; font-size:18px; line-height:80px; }
.picScroll-left .bd ul li a img{ width:420px; height:300px; border:0; }


.wrapper .more2 {display: block; color:#fff; font-size: 14px; width:228px; height: 48px;  text-align: center; line-height: 48px; border:2px solid #fff;  margin:0 auto; margin-top:50px; background: url(../images/more1.png) -2px -2px}
.wrapper .more2:hover {color:#006AB5; font-weight: bold;background: url(../images/more1.png) -234px -2px;}

/* 新闻中心 */

.xwzxwrapper {width:1400px; height: 500px; margin:0 auto;}
.xwzxwrapper .leftimg {width:650px; height:500px; float: left; background: url(../images/dotbg.gif) right bottom no-repeat;}

.xwzxwrapper .rightlist {width:700px; height:520px; float: right;}
.xwzxwrapper .rightlist li {width:700px; height:150px; float: left; border-bottom: 1px solid #fafafa; margin-bottom:20px}
.xwzxwrapper .rightlist li a { display: block; width:700px; height:150px;}
.xwzxwrapper .rightlist li a:hover {}
.xwzxwrapper .rightlist li a span { font-size: 22px; display: block; width:700px; height:50px; float: left; line-height: 50px;}
.xwzxwrapper .rightlist li a i { display: block; width:700px; height:20px; float: left; font-size: 20px; color:#F5A600; font-style: normal; font-family:Verdana, Geneva, Tahoma, sans-serif}
.xwzxwrapper .rightlist li a p { display: block; width:700px; height:60px; float: left; font-size: 16px; color:#999; line-height: 30px; padding-top:10px;}

	.slideBoxa{ width:560px; height:380px; overflow:hidden; position:relative; margin-top:60px; margin-left:30px;}
	.slideBoxa .hd{ height:30px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
	.slideBoxa .hd ul{ overflow:hidden; zoom:1; float:left;  }
	.slideBoxa .hd ul li{ float:left; margin-right:15px;  width:10px; height:10px; line-height:10px; text-align:center; background:#fff; cursor:pointer;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;   }
	.slideBoxa .hd ul li.on{ background:#fff; color:#fff; filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;  }
	.slideBoxa .bd{ position:relative; height:100%; z-index:0;   }
	.slideBoxa .bd li{ zoom:1; vertical-align:middle; position: relative; }
	.slideBoxa .bd img{ width:560px; height:380px; display:block;  }
	.slideBoxa .bd li span {display: block; width:550px; height:60px; position: absolute; left:0; bottom:0; font-size: 16px; line-height: 60px; color:#fff; padding-left:10px; background: url(../images/lineralp.png) repeat-x;}

	/*  */
	.slideBoxa .prev,
	.slideBoxa .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
	.slideBoxa .next{ left:auto; right:3%; background-position:8px 5px; }
	.slideBoxa .prev:hover,back
	.slideBoxa .next:hover{ filter:alpha(opacity=100);opacity:1;  }
	.slideBoxa .prevStop{ display:none;  }
	.slideBoxa .nextStop{ display:none;  }

/* 友情链接 */
.links {width:100%; height:220px; background:url(../images/linksbg.jpg) center no-repeat; clear: both; margin-top:100px; float: left;}
/* 本例子css */
.picScroll-left2{ width:1440px;  overflow:hidden; position:relative; margin:0 auto; height:220px; }
.picScroll-left2 .hd{ overflow:hidden; }
.picScroll-left2 .prev { display:block; width:30px; height:30px;  background:url(../images/left2.png) ; position:absolute; top:100px; left:0; z-index:1000;}
.picScroll-left2 .next{  display:block; width:30px; height:30px;  background:url(../images/right2.png) ;position:absolute; top:100px; right:0;z-index:1000;}


.picScroll-left2 .bd{ width:1380px; margin:0 auto; height:auto; padding:50px 0; }
.picScroll-left2 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left2 .bd ul li{ width:200px; height:100px; margin:15px; float:left; position: relative;}
.picScroll-left2 .bd ul li a{display:block; width:200px; height:100px;background:#fff; -moz-box-shadow: 0 0px 5px rgba(25,25,112,0.3);-webkit-box-shadow: 0 0 5px rgba(25,25,112,0.3);box-shadow:0 0 5px rgba(25,25,112,0.3); ;}
.picscroll-left2 .bd ul li a:hover { background:#000; width:300px; }

.picScroll-left2 .bd ul li a img{ width:180px; height:80px; border:0; padding:10px; }

.footer { width:100%; height:auto; overflow:hidden; margin:0 auto;  min-width:1400px; height: 590px; background:url(../images/footerbg.jpg) center no-repeat;}


.footer .footerinfo { width:100%; height:300px; overflow:hidden; }
.footer .footerinfo dl { width:150px; height:auto; overflow:hidden; float:left; padding:80px 30px 50px 10px;}
.footer .footerinfo dl a { font-size:18px; line-height:40px; color:#fff; }
.footer .footerinfo dl dt { display:block; width:100%; height:60px; font-size:18px; color:#fff; line-height:40px; position:relative;}
.footer .footerinfo dl dt i { display:block; width:30px; height:2px; background:#fff; position:absolute; left:0; border:0;}
.footer .footerinfo dl dd { border-right:1px solid #044B9B; display:block; height:auto; float:left;}
.footer .footerinfo dl dd a { font-size:14px; color:#9BBCE0; width:100%; display:block; float:left; line-height:30px; }
.footer .footerinfo dl dd a:hover { color:#fff;}
.footer .footerinfoa {width:1400px; height:236px; margin:0 auto;}
.footer .footerinfoa img {width:150px; height:150px; background:#fff; float:right; margin-top:60px;}
.footer .footerinfoa ul {width:500px; height:149px; float:left; margin-left:550px; margin-top:45px;}
.footer .footerinfoa ul li { font-size: 16px; color:#fff; line-height: 37px;}
.footer .footercopyright { width:100%; height:60px; text-align:left; color:#58B0DD; line-height:60px; font-size:15px;  }
.footer .footercopyright span { float:right;}
.footer .footercopyright span a { color:#fff;}
		






/*********内页**********/
.neibanner {width:100%;margin:0 auto;text-align:center; min-width:1200px; height:360px; background:#ddd;z-index:1;position:relative; overflow:hidden; top:-2px; }
.neibanner img {-webkit-animation: animScale 20s linear infinite;
    animation: animScale 20s linear infinite;
    -ms-animation: animScale 20s linear infinite;
    -moz-animation: animScale 20s linear infinite;
    -o-animation: animScale 20s linear infinite; width:100%; height:100%; display:block; position:absolute; top:0; left:0;}
.neibanner .neibannertit { width:1400px; height:360px; position:relative; margin:0 auto;}
.neibanner .neibannertit span { display:block; width:350px; height:50px; position:absolute; bottom:150px; right: 150px; font-size:50px; color:#fff;}


.neiwrapper { width:1200px; height:auto; overflow:hidden; margin:0 auto;min-height:500px;  }
.neileft { width:250px; height:auto; overflow:hidden; float:left;}
.neiright { width:900px; height:auto; overflow:hidden; float:right;}

		
/**********公司简介*************/

.guide { width:100%; height:60px; margin:0 auto; font-size:14px; line-height:70px; color:#999; border-bottom:1px solid #f0f0f0; background:#fff;}
.guide .guidewrapper {width:1400px; height:60px; margin:0 auto; }
.guide .guidewrapper span { color:#999; text-decoration:none; float:right; display: block; width:200px; height:60px; background:url(../images/weizhi.png) left center no-repeat; padding-left:30px; }
.guide .guidewrapper span a { color:#333;}

.guide .guidewrapper .guidermenu {width:800px; height: 60px; float:left;}
.guide .guidewrapper .guidermenu a { font-size:16px; line-height: 60px; color:#999; display: block; padding:0 10px; float: left; margin:0 20px; }
.guide .guidewrapper .guidermenu .active {font-weight: bold; color:#333; border-bottom:2px solid #0657B2; font-size:20px;}


.neileftmenu { width:auto; height:auto; float:left; }
.neileftmenu li { width:auto; height:70px; float:left; margin:0 25px; padding:0;}
.neileftmenu li.on a{ display:block; border-bottom:2px solid #0657B2; color:#0657B2;}
.neileftmenu li a { font-size:16px; font-weight:bold; color:#666; text-decoration:none;}
.neirightguide { width:230px; float:right; height:70px; background:url(../images/weizhi.png) left center no-repeat; padding-left:25px; }

@keyframes animScale
{
    0%{ transform:scale(1);}
    50%{ transform:scale(1.1);}
    100%{ transform:scale(1);}
}
@-webkit-keyframes animScale
{
    0%{ -webkit-transform:scale(1);}
    50%{ -webkit-transform:scale(1.1);}
    100%{ -webkit-transform:scale(1);}
}
@-ms-keyframes animScale
{
    0%{ -ms-transform:scale(1);}
    50%{ -ms-transform:scale(1.1);}
    100%{ -ms-transform:scale(1);}
}
@-moz-keyframes animScale
{
    0%{ -moz-transform:scale(1);}
    50%{ -moz-transform:scale(1.1);}
    100%{ -moz-transform:scale(1);}
}
@-o-keyframes animScale
{
    0%{ -o-transform:scale(1);}
    50%{ -o-transform:scale(1.1);}
    100%{ -o-transform:scale(1);}
}



.h2 { display:block; width:1200px; height:auto; overflow:hidden; margin:0 auto; padding:50px 0 30px 0;}
.h2 span { display:block; width:1200px; height:38px; font-size:26px; line-height:38px; color:#0657B2; font-weight:normal;}
.h2 i { font-size:32px; color:#ccc; line-height:50px; height:50px; display:block; width:1200px; font-family:Georgia, "Times New Roman", Times, serif; font-style:normal; font-weight:normal;}

.neicon { width:1200px; height:auto; overflow:hidden; padding:80px 0 100px 0; margin:0 auto;font-size:18px; line-height:60px; color:#333;}
/* .neicon p { display:block; float:left; font-size:18px; line-height:60px; color:#333;  height:auto; overflow:hidden; padding-bottom:30px; width:100%;} */
.neicon .neiconrimg { width:520px; float:right; display:block; height:auto; overflow:hidden;}
.neicon .neiconrimg img {  padding:0px; float:right; }


.rongyu1 { width:1200px; height:auto; float:left; }
.rongyu1 li { width:600px; height:450px; float:left; text-align:center;}
.rongyu1 li img { width:300px; height:440px; margin:30px; border:5px solid #c00; padding:1px;}
.rongyu1 li:hover img {}

.rongyu2 { width:1200px; height:auto; float:left; padding-top:50px; }
.rongyu2 li { width:400px; height:270px; float:left; text-align:center;}
.rongyu2 li img { width:360px; height:236px; margin:30px; }

.h3 { font-size:20px; color:#333; display:block; width:100%; height:50px; float:left; padding-bottom:30px;}
.h3 i { display:block; width:30px; height:4px; background:#0657B2; margin:20px 0; }

.shebei { width:580px; height:auto; overflow:hidden; float:left; padding:10px;}
.shebei li { width:270px; height:180px; float:left; margin-right:20px; margin-bottom:20px;}
.shebei li img { width:270px; height:180px; }

.xinwen { width:1200px; height:auto; overflow:hidden; margin:0 auto; padding:20px 0;}
.xinwen li { width:1200px; height:200px; float:left; border-bottom:1px dotted #ddd; padding:20px 0; margin:20px 0;}
.xinwen li .xinwenimg { width:360px; height:200px; float:left;}
.xinwen li .xinwenimg img { width:328px; height:200px; }
.xinwen li .xinwentext { width:840px; height:150px; float:right;}
.xinwen li .xinwentext i { display:block; width:840px; height:30px; font-size:16px; line-height:30px; color:#333; float:left; font-family:Georgia, "Times New Roman", Times, serif;}
.xinwen li .xinwentext span { display:block; width:840px; height:40px; float:left; font-size:22px; line-height:40px; color:#0657B2;}
.xinwen li .xinwentext p { display:block; width:840px; height:60px; font-size:16px; line-height:30px; color:#999; float:left;}
.xinwen li .xinwentext a { display:block; width:150px; height:35px; float:left; background:#fff; font-size:14px; line-height:35px; color:#0657B2; text-align:center; margin-top:20px;border:2px solid #0657B2;}
.xinwen li .xinwentext a:hover { background:#0657B2; color:#fff;}

.chanpin { width:1200px; height:auto; overflow:hidden; margin:0 auto; padding:20px 0; }
.chanpin li { width:360px; height:270px; float:left; margin:20px; float:left; overflow:hidden;-moz-box-shadow: 0 0px 20px #ccc;-webkit-box-shadow: 0 0 20px #ccc;box-shadow:0 0 20px #ccc; }
.chanpin li:hover {-moz-box-shadow: 0 0px 20px #999;-webkit-box-shadow: 0 0 20px #999;box-shadow:0 0 20px #999;}
.chanpin li img { width:360px; height:270px; position:absolute; left:0; top:0;} 
.chanpin li:hover img { width:120%; height:120%; position:absolute; top:-10%; left:-10%;}

.artcon {width:1400px; height:auto; overflow: hidden; margin:50px auto;}
.artcon .artconleft {width:200px; height:auto; float:right;}
.artcon .artconleft span { font-size:16px; padding-bottom:20px; color:#999; width:200px; float: left; display:block;}
.artcon .artconleft span i { font-size:20px; color:#f60; font-family: Georgia, 'Times New Roman', Times, serif; display: block; width:200px; padding:10px 0;}
.artcon .artconright {width:1050px; height:auto; overflow: hidden; float:left; border-right:1px solid #f0f0f0; min-height: 500px; padding:0 50px; font-size:16px; line-height: 50px; color:#333;}

.artcon .artconright h2 {padding-bottom:30px; border-bottom:2px solid #fafafa; margin-bottom:30px;}
 #article_content p {font-size:18px; line-height: 50px; color:#333;}