/*初始化*/
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 去掉文本框的叉叉和密码输入框的眼睛图标 */}
.fr{ float:right;}
.fl{ float:left;}


/*header*/
.header { width: 100%; display:table; margin: 0 auto; }
.home_k{ height:32px; line-height:32px; color:#8d8c8c; border-bottom:1px solid #efebeb;min-width:1200px; }
.hy{ width:730px; float:left;font-size:13px; padding-left:10px;}
.home{ margin-right:0px;  height:32px; float:right;}
.home a{ color:#8d8c8c; line-height:32px; margin:0 0px; width:88px;/* display:block; float:left;*/font-size:13px;}
.home img{ float:left; width:30px;}
.home span{ width:3px; float:left; margin:0 8px 0 5px;}
.home a:hover{ color:#037dc7;}

.top{ width:1200px; margin:0 auto; height:110px;}
.top .logo{ width:460px;  float:left; height:80px; margin:15px 0 0;  }
.top .top_r{ float:right; width:290px; background: url(../images/tel.png) no-repeat center left; height:110px;}
.top .top_r .tel{ margin:18px auto 0px 70px; color:#737171; font-size:16px; line-height:32px}
.top .top_r .tel img{ float:left; margin-right:10px; height:72px; float:right }
.top .top_r .tel h1{ font-size:30px; color:#037dc7; 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;}

.nav_k{ width:100%; display:table; margin:0 auto;background:#037dc7; height:54px;}

/* 本例子css */
/*	.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
*/	.navBar{ width:1200px; margin:0 auto;height:58px; line-height:58px; position:relative; z-index:9999;   }
	.nav{ width:1200px; margin:0 auto; display:table; font-family:"Microsoft YaHei",SimSun,SimHei;  }
	.nav h3{ font-size:100%; font-weight:normal;  }
	.nav .m{  position:relative; float:left; width:150px; margin:0 0 0 0px; display:inline; text-align:center;   }
	.nav .m:hover{ background:#025383;color:#fff; }
	.nav h3 a{ font-size:16px;  zoom:1; background:url(../images/xx.png) no-repeat center right;  height:58px; line-height:58px; padding:0px 0px;  display: block; margin:0px auto 0; color:#fff; }
	.nav h3 a:hover,.nav .m:hover h3 a{ color:#fff; }
	
	.nav .sub{ display: none; /*默认隐藏*/ width:150px; padding: 0; /*border-top:3px solid #3d5cb9;*/ margin:0 ;  position:absolute; top:58px;  background-color: rgba(255, 255, 255, 0.9);  float:left; line-height:44px; }
	.nav .sub li{ text-align:center;  }
	.nav .sub li a{ color:#333; display:block; zoom:1; line-height:22px; padding:6px 10px; font-size:15px;}
	.nav .sub li a:hover{  background:#037dc7; color:#fff;   }

/*轮播结束*/
/* banner */
.fullSlide{ width:100%;  position:relative;  height:700px; 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:700px; overflow:hidden; text-align:center; }
.fullSlide .bd li a{ display:block; height:700px; }
.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;}
.bt{ text-align:center; display:table; margin:0 auto; padding:50px 0 30px}
.bt h1{ line-height:56px; font-size:36px; color:#037dc7; font-weight:bolder;}
.bt h1 span{ width:8px; height:8px; display:table; border-radius:50%; display:table; background:#037dc7}
.bt h2{ font-size:15px; color:#6f6f6f; line-height:32px; padding:0px 0 0}
.bt h3{ width:700px; display:table; height:20px; line-height:20px; background:url(../images/bt.jpg) repeat-x  center center; }
.bt h3 span{ font-size: 14px; color: #037dc7;  text-transform: uppercase; height:20px; background:#fff; display:table; margin:0 auto; padding:0 20px;}

.more{ display:table; margin:0 auto; padding:20px 0 30px;}
.more a{ background:#037dc7; border:1px solid #037dc7; height:46px; line-height:46px; display:table; color:#fff }
.more a h1{ float:left; font-size:14px; text-align:center; width:154px;}
.more a span{ height:46px; background:#fff; width:154px; text-align:center; display:table}
.more a:hover{ background:#037dc7; border:1px solid #037dc7}
/*k1*/
.k1{ height:auto; background:#f7f7f7; width:100%; display:table; padding-bottom:20px;}
.cp_k{ width:1200px; margin:0 auto; display:table; padding:0px 0 20px;}
.cp_lk{ width:246px; float:left; display:table;}
.cp_l{ /* background:#005ab6;*/ width:240px; display:table; background:#fff; border:3px solid #037dc7; border-radius:8px; height:820px; box-sizing:border-box}
.cp_l1{ height:75px; text-align:center; width:210px; border-bottom:1px solid #d6d4d4; color:#037dc7; display:table; margin:0 auto}
.cp_l1 h1{ font-size:26px; font-weight:bolder; line-height:50px; padding-top:15px;}

.cp_l_nav{ /*height:339px;*/ width:208px; box-sizing:border-box; height:626px;padding:0px 0 0px ; margin:0 auto }
.cp_l_nav ul{ padding:25px 0;}
.cp_l_nav ul li{  padding:6px 0 6px 23px; margin:0 auto 18px; width:178px; display:table;-webkit-transition: all 0.5s;  -moz-transition: all 0.5s;    -o-transition: all 0.5s; transition: all 0.5s; border-radius:5px; background:url(../images/cp_nav2.png) no-repeat 10px center  #037dc7;  }


.cp_l_nav ul li a{  width:100%; display:block; font-size:16px; color:#fff; line-height:26px;  margin:0px auto 0; }
/*.cp_l_nav ul li a span{ width:16px; height:44px;  margin:0 10px 0 15px;border-radius:50%; display: table; float:left;}
*/.cp_l_nav ul li a h1{ 
	font-size:14px;
    overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	display: -moz-box;
	-moz-line-clamp: 1;
	-moz-box-orient: vertical;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal; 
}
.cp_l_nav ul li a:hover{ color:#fff; }
.cp_l_nav ul li:hover{ background:url(../images/cp_nav2.png) no-repeat 10px center #e40000}
/*.cp_l_nav ul li:hover{ background:url(../images/cp_nav2.png) no-repeat center center;}
*/.cp_l_nav{ }

.cp_tel{ height:110px;width:210px; display:table; margin:0 auto; padding:20px 0 0; box-sizing:border-box; text-align:center; font-size:15px; line-height:30px; color:#434343;border-top:1px solid #d6d4d4;}
.cp_tel h1{ font-size:26px; color:#037dc7; font-weight:bolder}

.cp_r{ width:954px; float:right;}
.cp_r ul{}
.cp_r ul li{width:294px; display:block; color:#000000;float:left; margin:0 0 5px 24px;}
.cp_r ul li a{ width:294px;   margin:0 auto; display:block;}
.cp_r ul li:nth-child(3n+0){ margin-right:0;}
.cp_r ul li a h1{ font-size:16px;  color:#454444;line-height:56px; display:block; text-align:center;width:290px; margin:0 auto;}

.cp_r ul li a .cp_t{ width:294px; height:216px;  display:block; border:1px solid #d6d6d6;  overflow: hidden; box-sizing:border-box;}
.cp_r ul li a .cp_t img{ width:294px; height:216px;   display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.cp_r ul li a:hover .cp_t img{transform: scale(1.05);}
.cp_r ul li a:hover h1 { color:#037dc7}

.gg{ width:100%; display:table; margin:0 auto; height:180px;}

/*k2*/


/*k3*/
.k3{ width:1200px; display:table; margin:0 auto;}
.case1{}
.case1_l{ width:592px; height:686px;  float:left; display:table}
.case1_l a { position:relative;width:592px;height:686px;  display:table}
.case1_l a h1{ height:44px; line-height:44px; position:absolute; bottom:0; width:100%; text-align:center; font-size:16px; background:rgba(248,249,250,0.7); display:none}
.case1_l a .cp_t{  width:592px; height:686px;   display:block; overflow: hidden; box-sizing:border-box;}
.case1_l a .cp_t img{ width:592px; /*height:686px;*/   display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}

.case1_l a:hover .cp_t img,.case1_r dt a:hover .cp_t img{transform: scale(1.05);}

.case1_r{ width:600px; float:right;display:table}
.case1_r dt{  width:280px;  height:323px; float:left; margin:0 0 20px 20px; overflow:hidden; position:relative}
.case1_r dt a h1{ height:44px; line-height:44px; position:absolute; bottom:0; width:100%; text-align:center; font-size:16px; background:rgba(248,249,250,0.7); display:none}
.case1_r dt a.cp_t{ width:280px; height:323px;  display:block; border:1px solid #d6d6d6;  overflow: hidden; box-sizing:border-box;}
.case1_r dt a .cp_t img{width:280px; display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.case1_r dt a:hover h1,.case1_l a:hover h1{ display:block;}

/*k4*/

/*jj*/
.jj_k{ background:url(../images/jj_bj.jpg) repeat-x center top; display:table; width:100%}
/* 本例子css */
.slideBox{ width:380px; height:430px; overflow:hidden; position:relative; margin-left:10px; padding:18px 0 0 }
.slideBox .bd{ position:relative; height:100%; z-index:0;  width:340px; height:480px; margin-left:20px;  }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:340px; height:480px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,.slideBox .next{ position:absolute; left:2%; top:48%; display:block; width:20px; height:45px; background:url(../images/ry.png) 0 0 no-repeat; filter:alpha(opacity=50);opacity:0.8;   }
.slideBox .next{ left:auto; right:2%; background-position:0px -90px; }
.slideBox .prev:hover{ background-position:0px -45px; }
.slideBox .next:hover{background-position:0px -135px;  }


.jj{ width:1200px; display:table; margin:74px auto 0 auto;  background:#037dc7; height:362px;}
.jj_l{ width:400px; height:360px; float:left; display:table; margin:-35px 35px 0 ; background:#fff}
.jj_r{ width:700px; float:right; color:#fff; padding:10px 0 0; margin-right:25px;}
.jj_r .xx{ display:table; background:#fff; width:80px; height:3px; margin:0 0 20px }
.jj_r h1{ font-size:28px; font-weight:bolder; line-height:80px;}
.jj_r h2{ font-size:15px; line-height:32px; height:160px; margin:5px 0 }
.jj_r a{ width:150px; height:36px; font-size:15px; text-align:center; color:#fff; border:1px solid #fff; border-radius:25px;display:table; line-height:36px;}
.jj_r a:hover{ color:#037dc7; background:#fff}

.new_k{   display:table; width:1200px; margin:0 auto;}
/*case*/
.case{ width:100%; display:table;}
.ys{ width:1200px; margin:0 auto; display:table;}
.ys dt{ display:table; margin:0 auto; width:1200px; padding:0 0 0px;}
.ys_l{ width:600px; display:table; }
.ys_r{ padding-left:0px; width:550px; padding:20px 0}
.ys_w{ display:table; width:570px; padding:25px 0 20px 15px; text-align:left; margin:0 0 40px}
.ys_w{-moz-box-shadow:6px 6px 6px rgba(3, 125, 199, 0.2); -webkit-box-shadow:6px 6px 6px rgba(3, 125, 199, 0.2); box-shadow:6px 6px 6px rgba(3, 125, 199, 0.2);}
.ys_w .ys_sz{  height:60px; display:table;  color:#fff; background: url(../images/ys.jpg) repeat-x center bottom; width:530px; }
.ys_w .ys_sz h1{ font-size:24px; width:420px; float:left; color:#33a3e8; line-height:30px; font-weight:bolder; padding:0px 0 0 5px;margin-bottom:20px;}
.ys_w .ys_sz h1 span{ display:table; font-size:16px; color:#33a3e8; font-weight:100}
.ys_w .ys_sz img{ width:60px; height:60px; margin:0 20px; display:table; float:left; color:#fff; text-align:center;}

.ys_w .ys_sz h3{ font-size:38px; font-weight:bolder; border-bottom:1px solid #fff; display:table; line-height:70px; margin:0 auto; padding:2px 0 0}
.ys_w .ys_w1{ width:530px; float:left; padding:18px 0}
.ys_w .ys_w1 p{ font-size:14px; line-height:25px; padding-left:10px; margin-left:5px;}



/*new*/
.new{ width:1200px; margin:0 auto; display:table; padding:30px 0 50px;}
.new_l{ width:830px; height:480px; float:left;}
.new_r{ width:330px; float:right;background:#fff;height:480px;}
/* 本例子css */
.slideTxtBox{ width:830px; text-align:left;  }
.slideTxtBox .hd{ height:55px; line-height:55px;  padding:0 ;   border-bottom:1px solid #cfcfcf ;  position:relative; }
.slideTxtBox .hd ul{ float:left;  position:absolute; left:0px;  height:55px;   }
.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer; font-size:20px; color:#333333  }
.slideTxtBox .hd ul li .xw_ico2{ background:url(../images/xw_ico2.png) no-repeat center center; width:30px; height:55px; float:left; margin-right:5px;}
.slideTxtBox .hd ul li .xw_ico1{ background:url(../images/xw_ico1.png) no-repeat center center; width:30px; height:55px; float:left; margin-right:5px;}

.slideTxtBox .hd ul li.on{ height:54px; border-bottom:2px solid #037dc7; }
.slideTxtBox .hd ul li.on .xw_ico1{background:url(../images/xw_ico11.png) no-repeat center center;}
.slideTxtBox .hd ul li.on .xw_ico2{background:url(../images/xw_ico22.png) no-repeat center center;}
.slideTxtBox .bd {   zoom:1;  }

.sy_xw{ width:826px; display:table; margin:0 auto; padding:25px 0 0}
.sy_xw dl{ height:110px; display:table; width:100%; background:#f8f8f8; margin:0 0 28px  0}
.sy_xw dl a { display:block; color:#6a6a6a; font-size:14px;}
.sy_xw dl a .time{ font-size:38px; line-height:38px; padding:18px 0 0; box-sizing:border-box; background:#919191; width:216px; height:110px; float: left; color:#fff; text-align:center}
.sy_xw dl a .time span{ display:table; margin:0 auto; font-size:28px;}
.sy_xw dl a .sy_xw_r{ width:550px; float:right; margin-right:25px;}
.sy_xw dl a .sy_xw_r h1{ text-align: right; font-size:14px; line-height:40px; margin-top:7px}
.sy_xw dl a .sy_xw_r span{ width:80%; float: left; overflow:hidden; display:table; height:40px; text-align:left; font-size:16px; color:#3f3f3f}
.sy_xw dl a .sy_xw_r h2{ font-size:14px; line-height:24px; height:48px; overflow:hidden}
.sy_xw dl a:hover .sy_xw_r h1 span{ color:#037dc7}
.sy_xw dl a:hover .time{ background:#037dc7}


.bt5{height:56px; line-height:56px; margin-bottom:20px; color:#7d7d7d; border-bottom:1px solid #cfcfcf }
.bt5 h1{ padding:0 40px; float:left; background:url(../images/xw_ico3.png) no-repeat center left; display:table; font-size:20px;height:55px; line-height:55px; }
.bt5 a{ float:right;font-size:15px; color:#333333; float:right; margin-right:0px;}
.bt5 a:hover{ color:#037dc7}

.news{width: 320px;margin:0 auto;margin-top: 12px;}
.news_list2{}
.news_list2 li{height: 86px;border-bottom: 1px  dashed #c2c1c1; padding:15px 0 20px}
.news_list2 li a{display: block;background: url(../images/wen.png)no-repeat left;padding-left:28px;color: #333;font-size: 15px; line-height:34px; height:34px;}
.news_list2 li p{margin-top: 4px;background: url(../images/da.png)no-repeat left 6px;padding-left: 28px;color: #777777;font-size: 13px;line-height: 26px; height:52px; overflow:hidden}
.news_list2 li a:hover{ color:#037dc7}

.yq{ background:#ededed; color:#696969; padding:10px 0; width:1200px; display:table; margin:0 auto 40px;  line-height:26px;}
.yq_l{ float:left; float:left; background:url(../images/yslj.png) no-repeat center left; padding-left:30px; float:left; margin:0 5px 0 25px;}
.yq_r{ width:1060px; float: right;}	
.yq_r a{ color:#696969; margin:0 10px; float:left}
.yq_r a:hover{ color: #037dc7}
	
/*fott*/
/*fo*/
.foot{background-color: #2d2f30; width:100%; display:table; margin:0 auto; color:#fff; padding:0 0 30px}
.foot a{ color:#FFF}
.foot a:hover{ text-decoration: underline; }
.fo_nav{ text-align:center; width:1200px; background:url(../images/fo_bj1.png) no-repeat center bottom; display:table; margin:0 auto; height:94px;}
.fo_nav a{ font-size:18px; color:#ffffff; width:150px; text-align:center; display:inline-block; line-height:44px; padding:11px 0  0}
.fo{ width:1200px; display:table; margin:0 auto; padding:6px 0 0}
.fo_l{ float:left; width:370px; padding:15px 0 0}
.fo_c{ width:570px; margin-left:130px; float: left; font-size:14px; line-height:26px;}
.fo_r{ width:110px; height:110px; float:right;}
.fo_r img{ width:110px; height:110px; display:table}

/* é¡µè„š */
.footer-bottom {text-align: center; background:#111111;font-size: 12px;color: #b7b6b6;line-height: 20px;padding: 15px 0;}
.footer-bottom a {font-size: 12px;color: #fff;line-height: 20px;}
.footer-bottom a:hover { color:#ce0606}

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


