﻿@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:#000;}
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: '';}
.clearfix::after {content: '';display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}

.zj{ width:1200px; margin:0 auto ; display:block;}
.fl{ float:left;}
.fr{ float:right;}
.dfc {display: flex;justify-content: space-between;align-items: center;}


/*header*/
.header { width: 100%;  padding:0px 0; margin: 0 auto; min-width:1200px;}

.top1{ width:1200px; display:table; margin:0 auto;}
.top1 .logo{ float:left;  height:84px; display:table; padding:24px 0 20px;}
.top1 .logo img{ height:84px;}
.top1 .tel{ float:right;  text-align:left; padding:10px 0 0}
.top1 .tel h1{ float:left; height:84px; font-size:18px; color:#333; line-height:1 }
.top1 .tel h1 span{ font-size:34px; display: table;  color:#2484f1; font-family: Arial, Helvetica, sans-serif; font-weight: bolder; line-height:34px; }
.top1 .tel img{ float:left; width:74px; height:74px; padding:24px 6px 0 0 }
.top1 .tel h1 p{ margin:0 0 8px }


.top_k{ width:100%; background:#00693e; margin:0px auto; height:52px; font-size:12px; line-height:52px; color:#fff;}
.menu{ display:table; margin:0px auto; height:52px; font-size:12px; line-height:52px; color:#fff;}
.menu li{ width:171px; float:left; text-align:center; margin:0  0 0 0px;}
.menu li a{ font-size:17px;  color:#fff;  display:block; }
.menu li a:hover,.menu li .on{ color:#fff; background:#023b7c}

.nav_k{ width:100%; display:table; margin:0 auto;background:#2484f1; height:64px;}

.navBar{ width:1200px; margin:0 auto;height:64px; line-height:64px; 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:149px; margin:0 0 0 0px; display:inline; text-align:center;   }
.nav .m:hover{ background:#023b7c;color:#fff; }
.nav h3 a{ font-size:18px;  zoom:1; height:64px; line-height:64px; 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:171px; padding: 0; /*border-top:3px solid #3d5cb9;*/ margin:0 ;  position:absolute; top:64px;  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; font-size:15px;}
.nav .sub li a:hover{  background:#16439b; color:#fff;   }


/* banner */
.sy_banner{ position:relative; width:100%}
.fullSlide{ width:100%;  position:relative;  height:700px; background:#fff;  min-width:1200px; }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important; float:left;}
.fullSlide .bd li{ width:100% !important;  float:left; height:700px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:700px;width:100%  }
.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:70px; height:9px; margin:4px; overflow:hidden; background:#fff; opacity: 0.4; line-height:999px;}
.fullSlide .hd ul .on{ background:#fff;    opacity: 1 }
.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{ width:100%;}
/*k1*/
.k1{ height:auto;margin:0 auto ;width:100%; display:table; padding-bottom:40px;}
.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:#f7f7f7; }
.cp_l1{ height:106px; text-align:center; width:100%; background:url(../images/cp_bj1.jpg) no-repeat center center; color:#fff;}
.cp_l1 h1{ font-size:28px; font-weight:bolder; line-height:38px; }
.cp_l1 h2{ font-size:16px; line-height:20px; text-transform:uppercase;padding-top:28px;}
.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_l_nav{ width:260px; box-sizing:border-box; padding:0px 0 0px ; margin:0 auto ; background:#eeeeee;border-top:none;}
.cp_l_nav ul{ padding:20px 0 5px; width:90%; display:table; margin:0 auto}
.cp_l_nav ul li{ background:#ffffff; height:50px; margin:0 auto 16px; width:100%; display:table;-webkit-transition: all 0.5s;  -moz-transition: all 0.5s;    -o-transition: all 0.5s; transition: all 0.5s; }
.cp_l_nav ul li a{  width:100%; display:block; font-size:17px; color:#333; line-height:50px; height:50px;  padding-left:20px; box-sizing:border-box }
.cp_l_nav ul li a h1{ font-size:15px;}
.cp_l_nav ul li a:hover{ color:#fff; }
.cp_l_nav ul li:hover{background: #2484f1; }

.cp_r{ width:926px; float:right;}
.cp_r ul{}
.cp_r ul li{width:288px; display:block; color:#000000;float:left; margin:0 0 10px 20px;}
.cp_r ul li a{ width:288px;  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:#333;line-height:60px; display:block; text-align:center;width:100%; margin:0 auto;}
.cp_r ul li a .cp_t{  width:288px; height:288px; display:block; border:1px solid #c2bec0;  overflow: hidden; box-sizing:border-box;}
.cp_r ul li a .cp_t img{ width:288px; height:288px; 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:#2484f1}
.cp_r ul li a:hover .cp_t{ border:2px solid #2484f1}

.cp_l_bj{  background:url(../images/cp_bj2.jpg) no-repeat center center;  color:#fff; text-align:center; height:160px}
.cp_l_bj h1{ font-size:20px; line-height:30px; padding:16px 0 12px; font-weight:bolder}
.cp_l_bj h2 { background:url(../images/tel1.png) no-repeat bottom left; font-family:Arial, Helvetica, sans-serif; padding-left:64px; display:table; margin:0 auto;  font-size:24px; font-weight:bolder; line-height:1.2}
.cp_l_bj h2 span{ display:table; font-size:16px; font-family:"微软雅黑"; font-weight:100; margin:0 0 8px}



.bt{ display:table; margin:0 auto; text-align:center; padding:40px 0}
.bt h1{	font-size: 16px;	color: #999999;	text-transform: uppercase;}
.bt h2{ color:#272727; font-size:36px; font-weight:bolder; line-height:52px;}
.bt h2 span{ color:#2484f1;}
.bt h3{ background:#2484f1; width:36px; height:4px; display:table; margin:10px auto 0}

/**/
.k2 {background: url(../images/bj2.jpg) no-repeat top center; display:table; width:100%; padding:0 0 80px}
.k2 .bt h1{  color:#fff}
.k2 .bt h2,.k2 .bt h2 span{ color:#fff;}
.k2 .bt h3{ background:#fff; opacity:.7}


.jj{ width:1200px; display:table; margin:0 auto; color:#fff}
.jj_l{ width:564px; float:left; }
.jj_l span{ width:75px; background:#fff; float:right; height:5px; display:table; margin:100px 0 0}
.jj_r{ width:580px; float:right}
.jj_r h1{ color:#fff; font-size:36px; font-weight:bolder; line-height:50px; margin-bottom:28px}
.jj_r h1 span{ font-size:24px; font-weight:100; font-style:italic; text-transform: uppercase; margin-left:10px }
.jj_r h2{ width:60px; height:3px; background:#fff }
.jj_r p{ font-size:16px; line-height:34px;height:272px; overflow:hidden; margin:35px 0}
.jj_r a{ background:#fff; height:42px; font-size:16px; color:#2484f1; text-align:center; border:5px solid #fff;line-height:42px; display:table;border-radius:25px; }
.jj_r a i{ background:url(../images/more.png) no-repeat center center #2484f1; width:42px; height:42px; float:right; border-radius:50%;}
.jj_r a span{ padding:0 30px}
.jj_r a:hover{ background:#2484f1; border:5px solid #2484f1; color:#fff}
.jj_r a:hover i{ border:2px solid #fff; box-sizing:border-box}


/**/
.al_Scroll1{width:1200px;height:370px;margin:0px auto 0;position:relative; padding:0px 0 0}
.al_Scroll1 .prev{width:50px; height:50px;position:absolute;top:120px;left:-60px;z-index:100; cursor:pointer; background:url(../images/more1.png) no-repeat center center;border:3px solid #c6c7c8; border-radius:50%;    transform: scale(-1);}
.al_Scroll1 .next{width:50px; height:50px;position:absolute;top:120px;right:-60px;z-index:100; cursor:pointer; background:url(../images/more1.png) no-repeat center center; border:3px solid #c6c7c8; border-radius:50%;}
.al_Scroll1 .prev:hover,.al_Scroll1 .next:hover{ background:url(../images/more11.png) no-repeat center center;border:3px solid #2484f1;}

.al_Scroll1 .scrollWrap{width:1184px; background:#fff; overflow:hidden;position:absolute; margin-left:8px;}
.al_Scroll1  dl{float:left;width:280px;text-align:center;position:relative; margin:0px 8px; }
.al_Scroll1  dl a{ width:280px;  display:block;color:#3a3a3a; }
.al_Scroll1  dl a h1 { font-size:16px; width:100%; height:56px; line-height:60px; color:#333333; text-align:center; }
.al_Scroll1  dl a:hover{ color:#005ab6;  display:block;}
.al_Scroll1  dl a .cp_t{width:280px; height:280px; display:block; border:1px solid #e1e0e0;  overflow: hidden; box-sizing:border-box;}
.al_Scroll1  dl a .cp_t img{width:280px; height:280px;display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.al_Scroll1  dl a:hover .cp_t img{transform: scale(1.05);}
.al_Scroll1  dl a:hover h1{ color:#2484f1}
.al_Scroll1  dl a:hover .cp_t{ border:2px solid #2484f1}

.more{ display:table; margin:0 auto; padding:0 0 60px;}
.more a{ font-size:16px; color:#fff; padding:0 50px; border-radius:25px;display:table; margin:0 auto; line-height:46px; text-align:center; background:#2484f1}
.more a:hover{ background:#023b7c}

.gg{ width:100%; height:192px; display:table; margin:0 auto}

.k4{ display:table; padding:0 0 30px}
.k4 .bt{    padding: 45px 0 25px;}
.slideTxtBox{ width:1200px; }
.slideTxtBox .hd{ height:44px; line-height:44px;padding:0 0 22px;  position:relative; }
.slideTxtBox .hd ul{ /*position:absolute; */text-align:center; margin:0 auto }
.slideTxtBox .hd ul li{ width:170px; text-align:center; line-height:44px;  display:inline-block; margin:0 10px ; cursor:pointer; font-size:18px; color:#333; background:#d8d5d5; font-weight:bolder; border-radius:25px;  }
.slideTxtBox .hd ul li.on { background:#2484f1; color:#fff }

.slideTxtBox .bd { zoom:1;   box-sizing:border-box; width:100%; display:table  }
.xw1{ width:100%; display:table; margin:0 auto; padding:0px 0 0; box-sizing:border-box; overflow:hidden}

.index_xw{ width:1200px; margin:0 auto; display:table; padding:20px 0}
.new_top{ width:560px; float: left; color:#666666; margin:0 30px 0 0 ; padding:10px 0 0}
.new_top .new_top_t{ width:560px; height:336px;}
.new_top .new_top_t img{ display:table; width:560px; height:336px;}

.new_top h1{ font-size:18px; color:#333; line-height:50px;}
.new_top h2{ font-size:14px; line-height:24px; height:48px; overflow:hidden; margin-bottom:20px}
.new_top a{ width:120px; height:32px; font-size:14px; text-align:center; color:#fff; background:#2484f1;display:table; border-radius:25px; line-height:32px;}
.new_top a:hover{ background:#023b7c; }
.new1{ width:580px; float: right;padding:10px 0 0}
.new1 ul{}
.new1 ul li{ width:100%; display:block; height:140px; margin-bottom:30px; border-bottom:1px solid #c8c8c7  }
.new1 ul li a{ width:100%; display:block; color:#737373;height:110px; }
.new1 ul li a .time{ width:130px; height:72px;float:left; color:#707070; display:block;margin: 0 0;font-size:24px;}
.new1 ul li a .time h1{ font-size:33px; line-height:1;  margin:0 auto; padding:0px 0 0; }
.new1 ul li a .time span{ line-height:1; font-size:18px;}

.new1 ul li a .new_w{ width:430px; box-sizing:border-box; padding:0 0; float:right; }
.new1 ul li a .new_w h1{ font-size:20px; line-height:24px; margin-bottom:10px; color:#000;}
.new1 ul li a .new_w h2{ font-size:15px;  line-height:25px;height:75px; overflow: hidden}
.new1 ul li a .new_w h2 span{ color:#006cc4; margin-left:10px;}

.new1 ul li a:hover .new_w h1{ color:#2484f1}


.yq{ color:#333; width:1200px; display:table; margin:0 auto; line-height:60px; padding:0 0 20px  0 }
.yq i{ background: url(../images/yq.png) no-repeat center center #2484f1; background-size:70%; width:60px; height:60px; display: table; border-radius:50%; float:left}
.yq span{ font-size:20px; font-weight:bolder; margin-left:20px;}
.yq a{ font-size:15px; color:#333; opacity:.7; margin:0 10px}
.yq a:hover{ color:#2484f1; opacity:1}

/*---wrap---*/



/*footer*/
/*fo*/
.fott{ display:table; width:100%;  background:#2484f1; color:#fff;/* position:relative; bottom:100px;*/ z-index:600; }
.fott a{color:#bfbebe;}
.fo1{ width:1200px; margin:0 auto; display: table; padding:20px 0 30px;}
.fo1_l{ width:1200px; }
.fo_l{ float:left; width:360px; padding:55px 0 0}
.fo_l img{ width:100%; display:table}
.fo_nav{ width:100%; border-bottom:1px solid #3893fb; padding:0 0 10px}
.fo_nav a{color:#fff; font-size:17px; width:149px; text-align:center; display: inline-block; line-height:40px}

.fo_d{ display: table; margin: 40px 0 0; float:right }
.fo_d dt{ width:250px; box-sizing:border-box; padding:0 35px;float:left;cursor: pointer; background:url(../images/xxx.jpg) no-repeat center left; height:130px; }
.fo_d dt h1{ font-size:14px; line-height:28px; display:block; width:160px; height:60px; margin-bottom:5px;}
.fo_d dt h1 span{ height:60px; float:left; margin-right:30px; background:none; width:70px; text-transform:uppercase}
.fo_d dt h1 img{ width:54px; height:54px; /*margin:3px 0 0;*/}

.fo_d dt h2{ font-size:14px; margin-bottom:20px; line-height:24px; display: table;}
.fo_d dt span{ width:34px; height:1px; background:#fff; display:block; }
.fo_d dt .f_img2{ display:none;}
/*.fo_d dt:hover{ color:#fc0a0a;}
*/.fo_d dt:hover .f_img1{ display:none;}
.fo_d dt:hover .f_img2{ display: block; }



.fo2{ color:#fff;vertical-align:middle;display: table; text-align:center; font-size:13px; text-align:center;  margin:0 auto; width:100%;line-height:30px; padding:5px 0;    border-top: 1px solid #3893fb; opacity:.9}
.fo2 a{color:#fff; }
.fo2 .fo_lj{  width:122px; display: inline-block; height:30px;vertical-align:middle}
.fo2 .fo_lj img{ display:table; padding:2px 0 0 }

.gotop{display:block;width:34px;height:110px;background: url(../images/top.png) center no-repeat;position:fixed;bottom:60px;right:40px;z-index:99999;/*opacity:.5*/}


