﻿@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;}
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

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;}
.fl{ float:left}
.fr{ float:right}
/*header*/
/*header*/
.header { width: 100%; height: 80px; padding:0px 0; margin: 0 auto; min-width:1200px;}
.top{ width:1200px; margin:0px auto; height:80px; font-size:12px; line-height:36px; color:#fff;}
.top .logo{ width:242px;  float:left; height:80px; display:block;  }
.nav{ font-size:15px; color:#7f7e7e; /*width:720px; */float:left; margin-left:50px;}
.nav a{/* width:76px;*/ line-height:68px; padding:10px 2px 0; margin:0 25px;  float:left; display:block; font-size:16px; color:#3b3b3b; text-align:center;}
.nav .on,.nav a:hover{ color:#21349b; border-bottom:2px #21349b solid; }
.tel{float:right;  width:170px; background:url(../images/tel.png) no-repeat center left; height:90px; line-height:90px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#1e59a9; font-weight:bolder; text-align:right;}

/* banner */
	.fullSlide{ width:100%;  position:relative;  height:600px; 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:600px; overflow:hidden; text-align:center;  }
	.fullSlide .bd li a{ display:block; height:600px; }
	.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; }
.k1{ width:100%; display:table;/height:500px; background:#eceff4;display:table; padding:0 0 40px;}
.cp1{  display:table; margin:0 auto}
.cp1_t{ width:500px; height:500px; display:table; float:left;display:block;  overflow: hidden;}
.cp1_t a img{width:500px; height:500px;display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.cp1_t a:hover img{transform: scale(1.05);}

.cp1_w{ width:670px; display:table; background:#fff; /*border:3px solid #ebedf6; */ padding:50px; box-sizing:border-box;float:left;  height:500px; border-left:none}
.cp1_w a h1{ color:#000; font-size:26px; font-weight:bolder; line-height:60px; margin-bottom:15px;}
.cp1_w a span{ font-size:16px; line-height:36px; color:#3c3c3c; margin-right:40px; display:table; height:180px;}
.cp1_w a h2{ background:#21349b; height:40px; width:180px; line-height:40px; font-size:16px; color:#fff; text-align:center; border-radius:25px; margin:0 0 40px}
.cp1_w a:hover h2{ background:#36904f}
.cp1_w a:hover h1{ color:#21349b}
.cp_tel{ background:url(../images/tel1.png) no-repeat center left; padding-left:56px; height:48px; line-height:48px; }
.cp_tel  h1{ font-size:18px; color:#767677}
.cp_tel  h1 span{ font-size:26px; color:#21349b; font-weight:bolder;}

.al_Scroll{width:1200px;height:450px;margin:0px auto 0;position:relative;padding:20px 0  0}

.al_Scroll .sPrev{ display: none;width:50px; height:50px;position:absolute;top:150px;right:-10px;z-index:100; cursor:pointer; background:url(../images/ico4_2next.png) no-repeat; }
.al_Scroll .sNext{display: none;width:50px; height:50px; position:absolute;top:150px;left:-10px;z-index:100; cursor:pointer;background:url(../images/ico4_2prev.png) no-repeat; }
/*.al_Scroll:hover .sPrev,.al_Scroll:hover .sNext{ display:block;}
.al_Scroll .sPrev:hover{ background:url(../images/ico4_2nexton.png) no-repeat;}
.al_Scroll .sNext:hover{background:url(../images/ico4_2prevon.png) no-repeat;}*/

.al_Scroll .scrollWrap{width:1200px;overflow:hidden;position:absolute;}
.al_Scroll  dl{float:left;width:370px; height:436px;text-align:center;position:relative; margin:0 15px; }
.al_Scroll  dl a{ width:370px;  display:block;}
.al_Scroll  dl a .cp_t{ width:370px; height:370px; display:block;  overflow: hidden;}
.al_Scroll  dl a .cp_t img{width:370px; height:370px; display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.al_Scroll  dl a:hover img{transform: scale(1.05);}
.al_Scroll  dl a .cp_w{  background:#e6e9ed; padding:0 15px; box-sizing: border-box; width:100%; height:56px; line-height:56px; color:#333; text-align:center }
.al_Scroll  dl a .cp_w h1{ font-size:18px;}
.al_Scroll  dl a:hover .cp_w{ background:#21349b; color:#fff }
.al_Scroll  dl a .ovrly { position: absolute; background: rgba(33, 52, 155, 0.6);  height:370px; top: -100%; left: 0; width:370px; -webkit-transition: all 0.5s;  -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; color:#fff}
.al_Scroll  dl a .ovrly img{ width:70px; height:70px; display:table; margin:0 auto; padding:150px 0 0}
.al_Scroll  dl a:hover .ovrly {top: 0;}


/*jj*/
.jj_k{ background: url(../images/bj1.png) no-repeat center top #f9f9f9; width:100%; height:630px;}
.jj{ display:table;}
.jj_l{ width:610px;}
.bt1{ width:100%; display:table; padding:86px 0 74px}
.bt1 span{ width:140px; height:5px; background:#21349b; display:table; margin-bottom:32px}
.bt1 h1{ font-family: "宋体"; color: #1c1c1c; font-size: 38px; text-transform: uppercase; line-height:40px; font-weight:bolder;}
.bt1 h2{ font-size:28px; color:#1c1c1c; line-height:48px;}
.bt1 h3{ font-size:15px; color:#797979; line-height:40px}

.jj_n{ color:#5c5c5c; font-size:16px; line-height:32px;}
.jj_n h1{ color:#21349b; font-size:25px; height:40px; display:table; margin-bottom:10px; line-height:40px; background:url(../images/jj_jt.png) no-repeat center right; padding-right:60px}
.jj_n p{ height:96px; width:100%; overflow:hidden}

.more{ display:table; padding:15px 0 0}
.more a{ width:146px; height:40px; background:#21349b; display:table; text-align:center; line-height:40px; color:#fff; font-size:16px; border-radius:5px;}
.more a:hover{ background:#36904f}

.jj_r{ width:536px; padding:156px 0 0;}
/* 本例子css */
.picScroll-left{ width:536px;  overflow:hidden; position:relative;    }
.picScroll-left .hd{ overflow:hidden; height:32px;width:160px; display:table; margin:0 auto; font-size:16px;padding:28px 0 0; line-height:32px; color:#828282; text-align:center }
.pageState span{ font-size:22px; color:#21349b}

.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:24px; height:16px; float:left;  margin-top:8px;  overflow:hidden;
	 cursor:pointer; background:url(../images/jj_ico.png) no-repeat; background-position:0 -48px; }
.picScroll-left .hd .next{ background-position:0 -16px;  float:right;}
.picScroll-left .hd .next:hover{ background-position:0 -32px; }
.picScroll-left .hd .next:hover{ background-position:0px -0px; }

.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{    }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic {  width:536px; height:334px;  display:block;  overflow: hidden;}
.picScroll-left .bd ul li .pic img{ width:536px; height:334px; display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.picScroll-left .bd ul li .pic a:hover img{transform: scale(1.1);}



.ys_k{ background:url(../images/bj2.jpg) no-repeat center top; height:580px; width:100%; display:table;}
.ys{ width:640px; padding:0  0 0 600px; display:table; margin:0 auto; color:#fff}
.bt2{ width:100%; display:table; padding:66px 0 35px}
.bt2 h3{ width:80px; height:5px; background:#21349b; display:table; margin:15px 0 0}
.bt2 h1{ font-family: "宋体";font-size: 38px; text-transform: uppercase; line-height:50px; font-weight:bolder;}
.bt2 h1 span{ font-size:46px;}
.bt2 h2{ font-size: 16px; text-transform: uppercase; }
.ys dt{ float:left; width:280px; font-size:15px; color:#bdbdbd; line-height:30px; margin:0 0 20px 30px;}
.ys dt h1{ font-size:20px; color:#fff; line-height:50px;}
.ys_k .more{ padding:28px 0 0}
/**/
.js{ width:1200px; display:table; margin:0 auto}
.bt3{ width:100%; display:table; padding:60px 0 45px; text-align:center}
.bt3 h1 span{ width:80px; height:5px; color:#21349b;  margin:15px 0 0}
.bt3 h1{ font-family: "宋体";font-size: 58px; text-transform: uppercase; color:#1c1c1c; line-height:72px; font-weight:bolder;}
.bt3 h2{ font-size:30px; color:#242424}
.js_t{ width:1200px; margin:0 auto; height:430px; display:table}
.js_t a img{ width:32px; height:32px; background:#21349b; padding:23px; margin:350px auto 0; display:table}
.js_n{ font-size:16px; color:#454545; line-height:30px; width:910px; margin:0 auto; padding:30px 0 60px}
.js_t a:hover img{background:#36904f;}

/*xw*/
.xw_k{ width:100%; display:table; background:url(../images/bj3.jpg) no-repeat center top; padding:0 0 40px}
.xw_tel{ color:#fff; width:1130px; display:table; margin:0 auto; padding:28px 0 30px}
.xw_tel h1{ height:48px; line-height:48px; font-size:25px;}
.xw_tel h1 img{ float:left; margin-right:20px}
.xw_tel h2{ font-size:24px; font-weight:bolder; line-height:50px; margin-bottom:8px}
.xw_tel span{ width:50px; height:4px; background:#fff; display:table}
.xw_tel h3{ font-size:18px; line-height:24px; padding:15px 0 0}
.xw_k .bt3{ width:1240px; background:#fff; display:table; margin:120px auto 0}


.sy_xw{ display: table; width:1200px; margin:0 auto; padding:0 0 20px;}
.sy_xw ul{ display:block;}
.sy_xw ul li{ width:370px; float:left; margin:0 15px; height:460px; }
.sy_xw ul li a{ width:370px;color:#1c1c1c;font-size:13px; line-height:26px;height:446px; }
.sy_xw ul li a .xw_t { width:370px; height:264px; display:block;  overflow: hidden;}
.sy_xw ul li a .xw_t img{width:370px; height:264px; display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.sy_xw ul li a:hover .xw_t img{transform: scale(1.1);}

.sy_xw ul li a .xw_w{ background:#fff; width:330px; margin:-40px auto 0; position:absolute; margin-left:20px; }
.sy_xw ul li a .xw_w .time{ font-size:16px; display: block; text-align:center; margin:0 auto; padding:20px 0 0; line-height:24px}
.sy_xw ul li a .xw_w .time span{ font-size:46px; display:table; margin:0 auto; line-height:50px;}
.sy_xw ul li a .xw_w h1{ width:316px; margin:0 auto; display:table; text-align:center; font-size:18px; line-height:40px }
.sy_xw ul li a .xw_w h2{ font-size:12px; line-height:20px; color:#969696; width:316px; margin:0 auto 20px; height:40px; overflow:hidden}
.sy_xw ul li a .xw_w h3{ width:300px; padding:0 15px; background:#a1a1a1; text-align:left; height:38px; line-height:38px; font-size:16px; color:#fff}

.sy_xw ul li a:hover{ color:#21349b}
.sy_xw ul li a:hover .xw_w h3{ background:#21349b}

/*fott*/
/*fott*/
.fott { width:100%; background: url(../images/fo.jpg) no-repeat center top; border-top:2px solid #21349b;  font-size:14px; line-height:30px; color:#cccbcb; }
.fott a{ color:#cccbcb;}
.fott a:hover{ color:#fff;}

.fo_bt{ font-size:15px; display:block; color:#ffffff; line-height:30px; margin:0 0 6px;}
.fo1{ display:block;  height:80px; padding:0px 0; width:1200px; margin:30px auto 0; height:160px;}
.fo_l{ width:300px; float:left; margin-right:60px; padding:10px 0 0;}

.fo_c{ width:480px; float:left;}
.fo_c a{ width:120px; float:left; font-size:13px; line-height:32px;}
.fo_w{ width: 80px; float:left;}
.fo_w img{ width:80px; height:80px; padding:2px 0 0; }
.fo_w h1{ text-align:center; font-size:13px;}
.fo_r{ width:230px; float:right;}
.fo_r .fo_bt{ margin:0 0 12px;}
.fo_r h1{ font-size:13px; line-height:24px; }
.fo_r h2{ font-size:28px; color:#fff; font-weight:bolder;}

.fo2{ text-align:center; font-size:13px; text-align:center; display:table; margin:0 auto; width:100%; height:52px; line-height:52px; border-top:1px solid #4a4e52;}


.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;}
