@charset "utf-8";

/*--全局样式--*/

body{font-size:12px;color:#000; font-family:"宋体"; margin:0;}

body,div,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0px;padding:0px;}

h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}

section, article, aside, header, footer, nav, dialog, figure {display: block;}

a{color:#000;text-decoration:none; outline: medium none;}

a:hover{color:#0054a7;}

img{border:0; vertical-align:middle;}

ul,ol{list-style:none;}

.clear{clear:both;}

.w_100{width:100%;margin:0px auto;}

.w_1200{width:1200px;margin:0px auto;}

.m-r{margin-right:20px;}



.header{width:100%; background:#0054a7; height:28px; line-height:28px;}

.header ul{width:1200px; font-size:14px; color:#fff; font-family:"微软雅黑"; margin:0 auto; overflow:hidden;}

.header ul h1{float:left;}

.header ul span{float:right;}

.logo{width:1200px; margin:0 auto; height:56px; padding:10px 0 15px 0; position:relative;}

.logo span{float:left; width:120px; position:relative; background:#fff; z-index:99;}

.logo span a{display:block;}

.nav {

  text-align: center;float:right; position:relative;

  width: 1075px; }



.nav li { display:block; width:100px; float:left; list-style-type:none; margin:0 25px;  padding-top:10px;

	  -webkit-transition: .7s; line-height:45px; position:relative;

	  -moz-transition: .7s;

	  -o-transition: .7s;

	  -ms-transition: .7s;

	  transition: .7s; }

	  .nav a:hover {

	    color: #0054a7; }

.nav li a{font-size:16px; font-family:"微软雅黑"; text-decoration:none; color:#2b2b2b; display:block; height:60px;}

.nav li ul {width:130px; display:none; position:absolute; left:-15px; top:71px; z-index:999; text-align:center; padding:10px 0 !important;background: #eee; margin:0 !important;}

.nav li:hover > ul { display:block; float:left; text-align:center;

}

.nav li ul li{margin:0 !important; width:130px !important; padding:5px 0;}

.nav li ul li a{color:#666; font-size:14px; height:40px !important;}

.effect {

	position: absolute;

	  width: 100px;

  height: 2px;

  top:0;

  background: #0054a7;

  left:-110px;

  -webkit-transition: 0.7s ease-in-out;

  -moz-transition: 0.7s ease-in-out;

  -o-transition: 0.7s ease-in-out;

  -ms-transition: 0.7s ease-in-out;

  transition: 0.7s ease-in-out; }



	.nav li:nth-child(1):hover ~ .effect {

	  left:25px; }

	.nav li:nth-child(2):hover ~ .effect {

	  left:175px; }

	.nav li:nth-child(3):hover ~ .effect {

	  left:325px; }

	.nav li:nth-child(4):hover ~ .effect {

	  left:475px; }

	  .nav li:nth-child(5):hover ~ .effect {

	  left:625px; }

	  .nav li:nth-child(6):hover ~ .effect {

	  left:775px; }

	  .nav li:nth-child(7):hover ~ .effect {

	  left:925px; }



/* ----- line example -----*/



.new{width:1000px; background:#fff; position:absolute; left:100px; z-index:99; top:600px; -moz-border-radius:5px;  border-radius:5px;  -webkit-border-radius:5px; height:50px;}

.new h1{float:left; width:95px; background:url(../images/2.jpg) right center no-repeat; color:#0054a7; font-family:"微软雅黑"; font-size:18px; font-weight:normal; line-height:50px; padding-left:20px;}

#up_zzjs{height:50px;line-height:50px;overflow:hidden; width:870px; float:right;}

#up_zzjs #up_li{list-style-type:none;margin:0;padding:0;margin-left:6px; height:50px;}

/*系统支持ie8就选line-height:16px;，但不支持opera 否则选line-height:20px;*/

#up_zzjs #up_li a{font-size:14px; line-height:50px; color:#565657; font-family:"微软雅黑"; text-decoration:none;}

#up_zzjs #up_li a:hover{color:#0054a7;}



.about{width:1200px; margin:0 auto; overflow:hidden;}

.about h1{font-size:24px; font-family:"微软雅黑"; color:#e50012; width:100px; margin:0 auto; padding-top:20px; margin-bottom:20px; border-bottom:2px solid #e50012; padding-bottom:5px;}

.about p{color:#6b6969; font-size:14px; line-height:24px; text-align:center;}

.about ul{padding-top:23px; overflow:hidden;}

.about ul li{width:290px; float:left; height:440px; margin-right:13px;}

.pic{height:350px; width:290px;}

.pic ul{border:1px solid #bfbfbf; padding:4px 4px 0 4px; display:block; height:350px;}

.pic ul img{width:278px; height:198px;}

.pic ul p{font-size:14px; line-height:24px; color:#6b6969; text-align:left; padding:20px 14px;}

.about ul li:nth-child(4){margin:0;}



.svg-wrapper {

  height: 60px;

  width: 250px; margin:0 auto; text-align:center;

}



.shape {

  fill: transparent;

  stroke-dasharray: 80 540;

  stroke-dashoffset: -395;

  stroke-width:2px;

  stroke: #0054a7;

}

.text{display:block; width:80px; margin:20px auto 0 auto; border-bottom:2px solid #0054a7; text-align:center; line-height:30px;}

.about ul li a{display:block; font-size:14px; font-family:"微软雅黑"; color:#7c7a7a;}

.about ul li a:hover .text{color:#fff; display:block; width:100%; background:#0054a7; padding:0; line-height:30px; height:30px;}



.product{width:100%; height:735px; background:#eee;}

.pro{width:1200px; margin:0 auto; height:735px;}

.pro h1{font-size:24px; font-family:"微软雅黑"; color:#e50012; width:100px; margin:0 auto; padding-top:20px; margin-bottom:20px; border-bottom:2px solid #e50012; padding-bottom:5px;}

/* demo */

.demo{width:1200px;margin:0 auto;position:relative; height:625px;}

.demos{width:1200px; overflow:hidden; margin-bottom:10px;}

.demo span{float:left; width:345px; height:564px;}

.demo span img{width:345px; height:565px;}

/* tabbtn */

.tabbtn{height:30px;background:#0054a7; padding:10px 57.5px; float:left; width:1085px; margin-top:5px;}

.tabbtn li:nth-child(6n){border:0 !important;}

.tabbtn li{float:left;position:relative; width:150px; height:30px; line-height:30px;border-right:solid 1px #fff;}

.tabbtn li a{display:block;float:left;height:30px;width:150px;text-align:center;font-size:14px;cursor:pointer; color:#fff; font-weight:normal; font-family:"微软雅黑";}

.tabbtn li.current{background:#fff;}

.tabbtn li.current a{height:30px;color:#0054a7; font-size:14px;}

/* tabcon */

.tabcon{position:relative;/*必要元素*/height:565px;overflow:hidden; float:right; width:855px;}

.tabcon .subbox{position:absolute;/*必要元素*/left:0;top:0;}



/* leftcon */

#leftcon .subbox{width:9999em;}

.sublist{width:100%; overflow:hidden;}

/* sublist */



.sublist li{height:280px; width:280px; float:left; margin:0 0 5px 5px;}

.sublist li a img{width:280px; height:280px;}

.sublist li span{margin:0 5px 0 0;font-family:"宋体";font-size:12px;font-weight:400;color:#ddd;}



.btn{display: inline-block; padding: 5px 10px; font-size: 14px; color: #fff; border:1px solid #898989;-moz-border-radius:5px;  border-radius:5px;  -webkit-border-radius:5px; text-decoration: none; transition: 0.4s; margin-top:110px;}

.btn:hover{color: #0054a7;  background:#fff; display:block; width:63px; border:0;}

.text-desc{position: absolute; left: 0; top: 0; background:rgba(0,0,0,0.5); height: 100%; width:228px; padding-left:52px;}

.text-desc h3{color:#fff; font-size:24px; font-family:"微软雅黑";}

/*= Reset CSS End

================= *



/* effect-1 css */

.port-1{float: left; width:280px; height:280px; position: relative; overflow: hidden;}

.port-1 .text-desc{ padding-top:87px; height:193px;

top: -280px; color: #000;

	

	transition: 0.5s;

	-webkit-transition: 0.5s;

	-moz-transition: 0.5s;

}

.port-1 img{

	transition: 0.5s; position:relative; bottom:15px; width:280px; height:280px;

	-webkit-transition: 0.5s;

	-moz-transition: 0.5s;

}

.port-1:hover img{

	transform: scale(1.2);

	-webkit-transform: scale(1.2);

	-moz-transform: scale(1.2);

}

.port-1.effect-1:hover .text-desc{top: 0;}



.hot{width:1200px; margin:0 auto; height:355px;}

.hot h1{font-size:24px; font-family:"微软雅黑"; color:#e50012; width:145px; margin:0 auto 35px auto; padding:20px 0 5px 0; border-bottom:2px solid #e50012;}

.objImgFrame{border:#0054a7 1px solid; height:198px; width:198px; margin:0 15px;-moz-border-radius:100%;  border-radius:100%;  -webkit-border-radius:100%;}

.simple_slider_hover{cursor:pointer;cursor:hand }

.simple_slider_disabled{opacity:0.2;filter:alpha(opacity=20);zoom:1;}

#imgBox a{display:block; float:left;}

#imgBox a span{height:65px; line-height:24px; color:#0054a7; margin:0 15px; font-size:14px; font-family:"微软雅黑"; width:200px; display:block; text-align:center;}

#imgBox a span:hover{ color:#e71223;} 

#imgBox a:hover img{border:#e71223 1px solid;}

#imgBox{float:left;}

#leftNav{float:left;margin:98px 0 0 0;cursor:pointer}

#rightNav{float:left;margin:98px 0 0 0;cursor:pointer}

#holder{width:1210px;margin:40px auto 0 auto;height:265px;}



.contact{width:100%; height:300px; background:#eeeeee;}

.con{width:1200px; margin:0 auto;}

.con ul{float:left; padding:10px 0 0 0;}

.con ul h1{height:60px; line-height:60px; font-size:16px; font-family:"微软雅黑"; text-align:left;}

.con ul p{line-height:32px; font-size:14px; font-family:"微软雅黑"; padding-right:80px;}

.con ul img{margin-right:130px;}

.news{width:555px; float:right !important; margin-right:20px; display:inline;}

.news li{border-bottom:1px solid #a0a0a0; line-height:33px; height:33px; color:#747171; padding-left:30px !important; width:540px; background:url(../images/12.jpg) 15px center no-repeat}

.news li a{float:left;}

.news li span{float:right;}



.footer{height:200px; background:#0054a7;}

.foot{width:1200px; margin:0 auto; padding-top:35px;}

.foot span{float:left;}

.foot span a{display:block;}

.foot ul{float:left; margin-left:140px; width:490px;}

.foot ul li{color:#fff;}

.foot ul li a{font-size:14px; font-family:"微软雅黑"; color:#fff;}

.foot ul span{padding:30px 0; color:#fff; font-size:14px; line-height:24px; font-family:"微软雅黑";}

.foot ul p{font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#fff;}

.foot ul p a{color:#fff;}

.ma{float:right !important; width:111px !important; padding-right:20px;}