/*初始化*/
html { font-family:"微软雅黑"; font-size:14px;} 
html,body{ height:100%; }
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, input,figure { margin: 0; padding: 0; }
body { -webkit-overflow-scrolling: touch; text-align:left;  max-height: 100%;  overflow:-Scroll;overflow-x:hidden}
a, a:hover { text-decoration: none; outline: none;  }
a{ color:#0b0808;}
p{ margin:0; padding:0;}
:link, :visited{text-decoration: none;}
ul,li { list-style: none }
img { border: none; max-width:100%;}
input, select, textarea { border: none; outline: none; background: none }
em,i { font-style: normal }
h1, h2, h3, h4, h5, h6 { font-weight: normal }
.clear{clear:both; width:100%; overflow:hidden;}
.clearfix::after{ clear: both; display: block; height: 0; content: '';}
/* clear */
.fn-clearfix:after { display: block; font-size: 0; content: '\0020'; clear: both; height: 0; }
.fn-clearfix { zoom: 1; /*for IE6 IE7*/ }
.fn-clear { visibility: hidden; clear: both; }
.zj{ width:1200px; margin:0 auto; display:block;}
a{text-decoration: none; outline: 0; blr:expression(this.onFocus=this.blur()); /*按下鼠标图片周边不会出现虚线*/}
::-ms-clear, ::-ms-reveal{display: none; /*IE10 input X 去掉文本框的叉叉和密码输入框的眼睛图标 */}
.right{ float:right;}
.left{ float:left;}


/*header*/
.header { width: 100%; height: 164px; margin: 0 auto; }
.top{ width:1200px; margin:0 auto; height:110px;}
.top .logo{ width:240px;  float:left; height:86px; margin:10px 0 0;  }
.top .top_r{ float:right; width:250px;}
.top .top_r .tel{ margin:24px auto 4px;}
.top .top_r .tel img{ float:left; margin-right:10px; height:64px; width:64px;}
.top .top_r .tel h1{ font-size:14px; color:#333333; line-height:30px;}
.top .top_r .tel h1 span{ display:block; font-size:22px; line-height:24px; color:#0262b8; font-weight:bolder;}

.zy{ float:right; display:block; font-size:12px; color:#296fb7; padding:4px 0 6px; border-bottom:1px solid #296fb7;border-top:1px solid #296fb7; margin:28px auto;}	
.zy a{ padding:0 6px; color:#296fb7;}
.zy a:hover{ color:#f4a45d;}
/* 本例子css */
.nav{ background:#0262b8; width:100%; height:54px; line-height:54px;}
.nav ul{ width:1200px; margin:0 auto; display:table; height:54px;}
.nav ul li{ width:200px; text-align:center; float:left; background:url(../images/xx.jpg) no-repeat center right;}
.nav ul li a{ font-size:16px; color:#fff; display:block; width:200px; margin:0 auto;}
.nav ul li a:hover,.nav ul li .on{ background:#fa7821;}

/*轮播结束*/
/* banner */
.fullSlide{ width:100%;  position:relative;  height:600px; background:#fff;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important; }
.fullSlide .bd li{ width:100% !important;  height:600px; overflow:hidden; text-align:center; }
.fullSlide .bd li a{ display:block; height:600px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:10px; left:0; height:22px; line-height:22px;}
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:15px; height:22px; margin:2px; overflow:hidden; background:url(../images/dot.png) no-repeat bottom center;  line-height:999px; 
	}
.fullSlide .hd ul .on{ background: url(../images/dot.png) no-repeat center 1px; }
.fullSlide .prev{  display:block;  position:absolute; z-index:1; top:40%; left:2%;  z-index:1; width:70px; height:70px; background:url(../images/dot1.png) 0px 0px  no-repeat;  cursor:pointer;display:none;  }
.fullSlide .next{ display:block;  position:absolute; z-index:1; top:40%; left:2%;  z-index:1; width:70px; height:70px; background:url(../images/dot2.png) 0px 0px  no-repeat;  cursor:pointer; display:none;  }
.fullSlide .next{ left:auto; right:2%;  }

/*wrap*/
.wrap {z-index: 500;width:100%; /* position: relative; */ display:table;}

.bt1{ margin:50px 0 30px; display: block; color:#BFBFBF; font-size:26px; text-align:center; font-weight:bolder;}
.bt1 h1{ font-size: 28px; color: #ffffff; font-weight: bolder; /*background: url(../images/xx1.png) no-repeat center center;*/ width:190px; margin:0 auto;}

/*k1*/
.k1{ height:auto; /*background:#f4f5f6;*/ width:100%; display:table; padding-bottom:20px;}
.cp_k{ width:1200px; margin:0 auto; display:table; padding:35px 0 0;}
.cp_l{  background:#005ab6; width:236px; float:left; border:2px solid #005ab6;}
.cp_l1{ height:110px; text-align:center; color:#fff;}
.cp_l1 h1{ font-size:26px; font-weight:bolder; line-height:50px; padding-top:15px;}
.cp_l1 h2{ font-size:16px; line-height:20px;}
.cp_l1 a{ width:104px; height:30px; font-size:14px; text-align:center; line-height:30px; color:#fff; border:1px solid #fff; display:block; margin:25px auto 0;}
.cp_l1 a:hover{ background:#fff; color:#005ab6;}
.cp_l2{ height:210px; text-align:center; color:#fff;}
.cp_l2 h1{ font-size:20px; font-weight:bolder; line-height:60px;}
.cp_l2 h2{ font-size:16px; line-height:30px; margin:5px 0 5px;}

.cp_l_nav{ height:310px; width:236px;display: table-cell;  vertical-align: middle;    }
.cp_l_nav ul{ padding-bottom:10px;}
.cp_l_nav ul li a{ background:#0262b8; width:218px; display:block; font-size:15px; color:#fff; line-height:38px; height:38px;  margin:4px auto 0; }
.cp_l_nav ul li a span{ width:10px; height:10px; margin:12px 15px 0; border:2px solid #fff; border-radius:50%; display: table; float:left;}
.cp_l_nav ul li a h1{ font-size:15px;}
.cp_l_nav ul li a:hover{ background:#fa7821;  }
.cp_l_nav{ background:#fff;}

.bt2{ height:42px; border:1px solid #eaeaea; width:928px; line-height:42px; margin-bottom:24px;}
.bt2{background: -prefix-linear-zgradient(top, #fff, #e4e4e4); background: linear-gradient(to bottom,#fff, #e4e4e4);}
.bt2 h1{ float:left;font-size:16px; color:#000; margin:0 20px;}
.bt2 a{ font-size:12px; color:#868686; float:right; margin:0 20px;}
.bt2 a:hover{ color:#fa7821}

.cp_r{ width:930px; float:right;}
.cp_r ul{}
.cp_r ul li{ width:292px; height:270px; display:block; color:#000000;float:left; margin-right:26px; margin-bottom:24px; }
.cp_r ul li a{ width:290px; margin:0 auto;  height:268px; display:block;border:1px solid #eaeaea;}
.cp_r ul li:nth-child(3n+0){ margin-right:0;}
.cp_r ul li a img{ width:290px; height:218px; display:block;  border-bottom:none;}
.cp_r ul li a h1{ font-size:16px;  color:#fff;line-height:50px; display:block; text-align:center; width:290px; margin:0 auto;background:#96a1a6;}
.cp_r ul li a:hover h1{ background:#fa7821;}
.cp_r ul li a:hover { border:1px solid #fa7821;}
/*k2*/
.k2{ background:#f4f4f4; width:100%; display:table; margin:0 auto;}
.bt3{ text-align:center; padding:20px 0;}
.ys{ width:1200px; margin:0 auto; display:table;}
.ys dt{ display:table; margin:0 auto; width:1155px; padding:0 0 30px;}
.ys_l{ width:570px; display:table; padding-left:35px;}
.ys_r{ height:250px; padding-left:60px; width:480px;}
.ys_w h1{ font-size:26px; color:#0262b8; line-height:38px; font-weight:bolder; padding:10px 0 0px;}
.ys_w h1 span{ display:table; width:42px; height:42px; background:#ff7300; margin-right:10px; color:#fff; border-radius:50%; text-align:center; line-height:42px; float:left;}
.ys_w h2{ margin-left:52px; height:50px; font-size:14px; color:#666666; line-height:25px; padding:12px 0 25px ;}

/*jj*/
.jj_k{ width:1200px; margin:0 auto; display:table; padding:0 0 50px;}
.bt{ background:url(../images/x1.jpg) repeat-x center center; width:100%; text-align:center; padding:40px 0 ;}
.bt h1{ font-size:14px; color:#999999; background:#fff; display:table; padding:0 20px; margin:0 auto;}
.bt h1 span{ font-size:26px; color:#0262b8; display:table;}
.jj{ width:1160px; margin:0 auto;}
.jj_l{ width:500px; float: left;}
.jj_l img{ width:500px; height:280px;}
.jj_r{ font-size:15px; line-height:28px; color:#333333; width:620px; float:right;}
.jj_w{ height:230px;}
.jj_r a{ font-size:15px; color:#fff; background:#ff7300; width:140px; height:42px; display:table; text-align:center; line-height:42px;}
.jj_r a:hover{ background:#0262b8;}
/*case*/
.case{ background:#f4f4f4; width:100%; display:table;}
.bt4{ height:42px; margin:0 auto; width:1200px; line-height:42px; margin-bottom:24px; border-bottom:1px solid #d8d8d8; padding:20px 0 5px;}
.bt4 h1{ float:left;font-size:24px; font-weight:bolder; color:#0262b8; margin:0 5px;}
.bt4 a{ font-size:12px; color:#868686; float:right; margin:0 20px;}
.bt4 a:hover{ color:#fa7821}
/*滚动*/
.al_Scroll{width:1200px;height:280px;margin:30px auto 0;position:relative;}
.al_Scroll .prev,.al_Scroll .next{width:20px; height:48px;position:absolute;top:110px;left:20px;z-index:100; cursor:pointer; background:url(../images/btn.png) no-repeat; }
.al_Scroll .next{ left:auto; right:0; background-position: 0 -96px;top:110px;right:20px;}
.al_Scroll .prev:hover{ background-position:0px -48px ; }
.al_Scroll .next:hover{ background-position: 0 -144px; }
.al_Scroll .scrollWrap{width:1200px;overflow:hidden;position:absolute;}
.al_Scroll  dl{float:left;width:282px; height:252px;text-align:center;position:relative; margin:0 9px; }
.al_Scroll  dl a{ width:282px; height:252px; display:block;color:#3a3a3a; }
.al_Scroll  dl a h1 { font-size:16px; line-height:54px; font-weight:bolder; }
.al_Scroll  dl a:hover{ color:#005ab6;  display:block;}
.al_Scroll  img{display:block;width:280px;height:197px; border:1px solid #d8d8d8;}

/*new*/
.new{ width:1180px; margin:0 auto; display:table; padding:0 0 50px;}
.new_l{ width:430px; height:330px; float:left;}
.new_l img{ width:430px;height:330px;}
.new_r{ width:700px; float:right;}

.new_t{ background:#eeeeee; height:122px; padding:0 25px; margin:0 0 18px;}
.new_t a .new_w h1{ font-size:22px; color:#333333; line-height:40px; padding:15px 0 0}
.new_t a .new_w h2{ font-size:14px; line-height:26px; height:52px; color:#666666;}
.new_t a .new_w h2 span{ color:#ff7300; margin-left:10px;}
.new_t a:hover .new_w h1,.new_t a:hover .new_w h2 span{ color:#0262b8;}


.new1{ width:700px; float:left;}

.new1 ul{}
.new1 ul li{ width:700px; display:block; height:88px; margin-bottom:16px;}
.new1 ul li a{ width:100%; display:block; color:#666666;}
.new1 ul li a .time{ width:86px; height:86px;border:1px solid #cfcfcf;float:left; text-align:center; color:#969696; display:block;}
.new1 ul li a .time h1{ font-size:36px; line-height:50px; margin:8px auto 0; font-weight:bolder;}
.new1 ul li a .time span{ line-height:20px; font-size:12px;}
.new1 ul li a .new_w{ width:580px; float:right;}
.new1 ul li a .new_w h1{ font-size:16px; line-height:30px; margin-bottom:4px; color:#333333;}
.new1 ul li a .new_w h2{ font-size:14px;  line-height:26px;height:52px;}
.new1 ul li a .new_w h2 span{ color:#ff7300; margin-left:10px;}
.new1 ul li a:hover .time{ background:#0050b0; color:#fff; }
.new1 ul li a:hover .new_w h1,.new1 ul li a:hover .new_w h2 span{ color:#0050b0;}
.sy_lx{ float:left; width:360px; font-size:14px; color:#666666; line-height:32px;}
.sy_lx img{ display:block; width:360px; height:118px; margin-bottom:20px; color:#2c2c2c;}
.sy_lx h1{ font-size:18px; line-height:46px; margin-bottom:10px;}

/* 本例子css */
.picMarquee-left{ width:1180px;  overflow:hidden; margin:0 auto;  }
/*.picMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.picMarquee-left .hd .next{ background-position:0 -50px;  }
.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }*/
.picMarquee-left .bd{    }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 14px; width:212px; height:100px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:210px; height:98px; display:block;  border:1px solid #d4d4d4; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title{ line-height:24px;   }
		
.lx{ width:1160px; margin:0 auto 50px; display:table;}		
.lx_l{ width:560px; height:322px; background:url(../images/logo22.png) no-repeat right bottom #015ab6; color:#fff; float:left;}
.lx_l h1{ font-size:30px; line-height:50px; padding:15px 36px;}
.lx_l h2{font-size:14px; line-height:30px; padding:0 36px;}
.lx_r{ width:560px; height:322px; float: right;}
		
/*fott*/
.fott { width:100%;height:180px; ; min-width:1200px; font-size:14px; line-height:26px; color:#666666; }
.fo1{ background:#0262b8; height:50px; line-height:50px; color:#fff;}
.fo1 .fo_nav{ width:1200px; margin:0 auto; text-align:center;}
.fo1 .fo_nav a{ font-size:15px; color:#ffffff; margin:0 60px;}
.fo1 .gotop{display: none; height:50px;background: #434343; float:right; width:170px; text-align:center; color:#fff; font-size:15px;/*opacity:.5*/}

.fo2{ width:1100px; margin:0 auto; display:table;} 
.fo2 .fo_logo{ display: table; width:300px; padding:0 20px; border-right:1px solid #838383; height:86px;  margin:30px 0; float:left; }
.fo2 .fo_logo img{ width:240px; height:86px; margin-left:4px; float:right;}

.fo2 .fo_w{ /*float:left;*/ width:700px; margin:35px 0 0px 30px ;  height:86px; display:block; float:left;}
.fott a{ color:#666;}
.fott a:hover{ color:#ff7300;}

.fy{ text-align:center; font-size:14px; padding:20px 0;}
.info { width: 450px; height: 27px; line-height: 28px;  text-align: center;  margin: 15px auto; border: 1px dashed #ccc; border-left: none; border-right: none;  color: #6f6f6f;}


