@charset "utf-8";

/* CSS Document */

/*初始化*/
html { font-family:"微软雅黑";} 
body, dl, dt, dd, ul, ol,li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, button, textarea, th, td{ margin: 0; padding: 0; font-size: 12px; /*text-align: left;*/ }
body { -webkit-overflow-scrolling: touch; text-align:left;  max-height: 100%; }
a, a:hover { text-decoration: none; outline: none;  }
a{ color:#424141;}
ul{list-style: none;}
li { list-style: none }
:link, :visited{text-decoration: none;}
p{ margin:0; padding:0;}
img { border: none; max-width:100%;/* margin:0; display:block;*/}
input, button, textarea, select, optgroup, option{font-family: inherit;font-size: inherit; font-style: inherit; font-weight: inherit; border: none; outline: none; background: none ;}
em,i { font-style: normal }
h1, h2, h3, h4, h5, h6 { font-weight: normal }
/* clear */
.clear{clear:both; width:100%; overflow:hidden;}
.clearfix::after{ clear: both; display: block; height: 0; content: '';}
.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; display: block; height: 0;  content: '';}
.zj{ width:1200px; margin:0 auto ; display:block;}
.lf{ float:left;}
.rt{ float:right;}

/*header*/
.header { width: 100%;  padding:0px 0; margin: 0 auto; min-width:1200px;}

.home{ height:36px; line-height:36px; color:#fff;  background:#0168b7;min-width:1200px; width:100%; font-size:12px;}
.home_l{ float:left; width:550px;}

.home_r{ float:right; color:#fff;  float:right;  }
.home_r a{ color:#fff; margin:0 5px;}

.top1{ width:1200px; display:table; margin:0 auto; padding:10px 0;}
.top1 .logo{ float:left; width:696px; height:76px; display:table;}
.top1 .tel{ float:right; width:280px; height:76px;}

.top_k{ width:100%;  background:#fff; border-top:1px solid #e4e4e4;  margin:0px auto; height:58px; font-size:12px; line-height:58px; color:#fff;}
.menu{width:1200px;  margin:0px auto; height:58px; font-size:12px; line-height:58px; color:#fff;}
.menu li{ padding:0 40px; float:left; text-align:center; margin:0  0 0 0px;}
.menu li a{ font-size:16px; padding:0 13px; color:#424242; line-height:53px; border-top: solid 3px #fff; display: table;}
.menu li a:hover,.menu li .on{border-top: solid 3px #0168b7; color:#0168b7;}



/* banner */
	.fullSlide{ width:100%;  position:relative;  height:550px; background:#fff;  min-width:1200px; }
	.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:550px; overflow:hidden; text-align:center;  }
	.fullSlide .bd li a{ display:block; height:550px; }
	.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:15px; left:0; height:30px; line-height:30px; }
	.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:44%; 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:44%; 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{ color: #4b4b4b; margin:0 auto; min-width:1200px; }
/*jj*/
.jj_k{ background:url(../images/jj1.png) no-repeat center top; width:100%; height:auto; display:table; margin:0 auto; padding:0 0 70px;  }
.jj{ width:1200px; margin:0 auto;}
.jj_l{ width:600px;}
.bt1{ display:table; padding:48px 0 20px; }
.bt1 h1{ font-size:18px; color:#06223e; line-height:36px; height:36px;}
.bt1 h1 span{ font-size:30px; font-weight:bolder;}
.bt1 h2{ display: block; line-height: 30px; font-size: 18px; color: #bbbcbd; text-transform: uppercase; }
.jj_n{ font-size:14px; line-height:30px; color:#222222; height:150px; margin-bottom:30px;}
.jj_l a{ width:130px; height:36px; line-height:36px; text-align:center; color:#015ec6; border:1px solid #015ec6; display:table; font-size:14px;}
.jj_l a:hover{ background:#015ec6; color:#fff;}
.jj_r{ width:528px;}
.jj_r dt{ width:176px; height:176px; float:left; text-align:center;}
.jj_r dt .jj_ico{ width:86px; height:86px; padding:20px 0 0}
.jj_r dt a h1{ font-size:18px; color:#ffffff;}

/*xm_k*/
.xm_k{ width:100%; background:url(../images/bj1.jpg) no-repeat center top #f8f8f8; display:table;  height:560px;}
.bt2{ height:160px; padding:30px 0 0}
.bt2_l{ width:720px; float:left; color:#fff}
.bt2_l h1{ font-size: 30px; font-weight: bolder; text-transform: uppercase; line-height:40px; height:40px; margin-bottom:15px; }
.bt2_l h1 span{ font-size:18px; font-weight:100;margin-left:10px;}
.bt2_l h2{ font-size:14px; line-height:30px; }
.bt2_r{ width:222px; float:right; padding:10px 0 0}
.bt2_r a{ width:120px; height:30px; background:#00a1e9; text-align: center; line-height:30px; border-radius:25px; display:table; float:right; color:#fff; margin-right:5px;}
.bt2_r a:hover{ background:#fff; color:#00a1e9}
.xm{ width:1200px; margin:0 auto; display:table;}
.xmzs{ background: url(../images/bj2.jpg) no-repeat center bottom #fff; height:360px; width:1200px; }
/*滚动*/
.al_Scroll{width:1200px;height:360px;margin:0px auto 0;position:relative;}
.al_Scroll .prev,.al_Scroll .next{width:20px; height:38px;position:absolute;top:130px;left:20px;z-index:100; cursor:pointer; background:url(../images/btn.png) no-repeat; }
.al_Scroll .next{ left:auto; right:0; background-position: 0 -76px;top:130px;right:20px;}
.al_Scroll .prev:hover{ background-position:0px -38px ; }
.al_Scroll .next:hover{ background-position: 0 -114px; }
.al_Scroll .scrollWrap{width:1120px;overflow:hidden;position:absolute; margin-left:40px; margin-top:50px;}
.al_Scroll  dl{float:left;width:240px; height:240px;text-align:center;position:relative; margin:0 20px; background:#fff;}
.al_Scroll  dl a{ width:240px; height:240px; display:block;border:2px solid #fff; }
.al_Scroll  dl a h1 { font-size:16px;text-align:center; width:100%; height:60px; line-height:60px; color:#1d1d1d;}
.al_Scroll  dl a:hover h1{ color:#0168b7;  display:block;}
.al_Scroll  dl a .cp_t{ width:240px; height:180px; display:block;  overflow: hidden;}
.al_Scroll  dl a .cp_t img{width:240px; height:180px;display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.al_Scroll  dl a:hover img{transform: scale(1.05);}

/*滚动*/
.case_k{ width:1200px; margin:0 auto; display:table;}
.case_k .bt2{ height:130px;}
.case_k .bt2_l{ color:#0168b7}
.case_k .bt2_l span{ color:#545353}
.case_k .bt2_l h2{ color:#333333}
.case_k .bt2_r a{ width:120px; height:32px; border:1px solid #dddddd; background:#fff; color:#464646; font-size:15px; text-align: center; line-height:32px; border-radius:0px; display:table; float:right;  margin-right:5px;}
.case_k .bt2_r a:hover{background:#0168b7; color:#fff; border:1px solid #0168b7}

.case_Scroll{width:1200px;height:320px;margin:0px auto 0;position:relative;}
.case_Scroll .prev,.case_Scroll .next{ display:none;width:20px; height:38px;position:absolute;top:90px;left:20px;z-index:100; cursor:pointer; background:url(../images/btn.png) no-repeat; }
.case_Scroll .next{ left:auto; right:0; background-position: 0 -76px;top:90px;right:20px;}
.case_Scroll .prev:hover{ background-position:0px -38px ; }
.case_Scroll .next:hover{ background-position: 0 -114px; }
.case_Scroll:hover .prev,.case_Scroll:hover  .next{ display:block;}
.case_Scroll .scrollWrap{width:1200px;overflow:hidden;position:absolute; margin-top:0px;}
.case_Scroll  dl{float:left;width:270px; height:260px;text-align:center;position:relative; margin:0 15px; background:#fff;}
.case_Scroll  dl a{ width:270px; height:260px; display:block;border:2px solid #fff; }
.case_Scroll  dl a h1 { font-size:16px;text-align:center; width:100%; height:60px; line-height:60px; color:#1d1d1d;}
.case_Scroll  dl a:hover h1{ color:#0168b7;  display:block;}
.case_Scroll  dl a .cp_t{ width:270px; height:200px; display:block;  overflow: hidden;}
.case_Scroll  dl a .cp_t img{width:270px; height:200px;display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.case_Scroll  dl a:hover img{transform: scale(1.05);}

/*xw*/
.xw_k{ width:1200px; margin:0 auto; display:table; height:535px; padding:45px 0 0}
.bt3{ border-bottom:1px solid #f0f0f0; height:66px; margin-bottom:-1px;}
.bt3 h1{ font-size:20px; color:#000; line-height:28px; font-weight:bolder; float:left; background: url(../images/bt3.jpg) no-repeat left bottom; height:66px;}
.bt3 h1 span{ font-weight:100; display: table; font-size: 14px; color: #777777; text-transform: uppercase; }
.bt3 a{ float:right; font-size:14px; line-height:34px; padding:0 5px; margin:22px 0 0; color:#888}
.bt3 a:hover{ color:#0168b7}
.xw_l{ width:830px; margin:0 10px 0 0; float:left; }
.xw{}
.xw .xw_t{width:358px; height:386px; display:block;  overflow: hidden; float:left; margin-top:30px; }
.xw .xw_t img{width:358px; height:386px;display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.xw .xw_t:hover img{transform: scale(1.05);}
.xw_w{ width:430px; float:right; margin-top:14px;}
.xw_w dt{ height:49px; line-height:49px;}
.xw_w dt a h2{ width:10px; height:10px; margin:20px 15px 0 0; background:#dddddd; border-radius:50%; display:block; float:left;}
.xw_w dt a h1{ width:390px; float:left; font-size:13px; color:#222222; text-align:right; border-bottom:1px dashed #e1e1e1;}
.xw_w dt a h1 span{ float:left; color:#222222; font-size:14px;}
.xw_w dt a:hover h1 span{color:#0168b7}
.xw_w dt a:hover h2{ background:#0168b7}

.xw_r{ width:310px; border:1px solid #eaeaea; height:480px; float:right;box-shadow: 0px 4px 18px 0 rgba(60,74,66,0.2);}
.bt4{ background:url(../images/bj4.jpg) no-repeat center top; width:100%; text-align:center; margin:20px 0; font-size:20px; line-height:20px; color:#222222; font-weight:bolder;}
.bt4 span{ display:block; font-size:16px; color:#999999;text-transform: uppercase; font-weight:100; padding:10px 0 0}

	/* 本例子css */
.slideBox{ width:282px; height:260px; overflow:hidden; position:relative; margin-left:14px;  }
.slideBox .hd{ height:15px; overflow:hidden;  right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; display:table; margin:0 auto;  }
.slideBox .hd ul li{ float:left; margin:4px;  width:10px; height:10px; background:#cccccc; border-radius:50%; line-height:14px; text-align:center;  cursor:pointer; }
.slideBox .hd ul li.on{ background:#0168b7; color:#fff; }

.slideBox .bd{ position:relative; height:100%; z-index:0;  width:280px;border:1px solid #ededed; height:210px; margin-bottom:15px; box-shadow: 0px 4px 18px 0px rgba(60,74,66,0.2); }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:270px; height:190px; display:block; margin:10px 5px; }

.sy_lx{ padding:0 20px; font-size:16px; color:#222222; line-height:36px;}	



/*fo*/
.fo_k{ width: 100%;  background: #201f25; border-top:5px solid #0168b7; color: #FFF; font-size: 14px;  }
.fo{ width:1200px; height:182px; margin:0 auto; padding:30px 0 0;}
.fo_l{ width:390px; float:left; margin:0px 0 0 0px;}
.fo_l a{ font-size:14px; width:128px; float:left; color:#cccccc; line-height:45px;}
.fo_k a:hover{ color:#fff}

.fo_c{ width:660px; padding:0 0 0 36px; float:left; height:160px; display:block;}
.fo_c h1{ font-size:15px; line-height:22px; color:#fff; margin:0px 0 0 3px; float:left;}
.fo_c h1 a{color:#fff; margin:0 6px;}
.fo_c dt{ font-size:14px; line-height:40px; min-width:330px; float:left; margin:15px auto}
.fo_c dt h1 span{ display:block; font-size:14px;color:#cbcbcb; }
.fo_c dt img{ width:40px; height:40px; float:left; margin-right:10px;}

.fo_r{ width:104px; float:right;  text-align:center; font-size:14px; line-height:30px;}
.fo_r dt{ width:104px; float:left;  margin:15px 0 0 0px;}
.fo_r dt img{ width:104px; height:104px;}

.fo1{ width:100%; height:56px; line-height:56px; text-align:center; background:#1b1a20; }
.fo1 a{ color:#fff;}


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