@charset "UTF-8";
*{ color:#343434; margin:0; padding:0; font-family:microsoft yahei; }
body { overflow-x: hidden; margin:0 auto;font-size: 14px; font-weight: 400; min-width:1200px }
img{ border:0 none}
a,img{ outline:0;}
a{ text-decoration:none}
li{ list-style:none}
.fl{ float:left}
.pl{ left:0}
.pl,.pr{ position:absolute}
.fr{ float:right}
.pr{position: relative;}
.pa{position: absolute;}
.page,.w1200,.content{ margin:0 auto; width:1200px}
.box{ margin:0 auto; width:1200px}
.cl,.clear{ clear:both}
.dis{ display:none} 
.top35{ margin-top:35px}
.top10{ height:10px;} 
.top20{ height:20px;} 
.top30{ height:30px;} 
.top40{ height:40px;} 
.top50{ height:50px;} 
.top60{ height:60px;} 
.top70{ height:70px;} 
.top80{ height:80px;} 
.top90{ height:90px;} 
.top100{ height:100px;} 
.en{ text-transform:uppercase; font-family:arial}
i,em{font-style: normal;}

/*head*/
.head{ height: 42px; line-height: 42px; background:#f9f9f9; position: relative; border-bottom: 1px solid #e5e5e5;}

.head .fl,.head .fr a{ color: #999; }
.head .fl{background: url(../im/ico1.png) no-repeat 0 center;padding-left: 25px;line-height: 41px;height: 42px;}
.head .fr a { display: inline-block; padding-left: 50px; background: url(../im/20191125091238_408396955.png) no-repeat 2px 5px; transition: 0.3s all ease-in-out; font-size: 13px; line-height: 42px; padding-right: 15px; cursor: pointer; position: relative;color: #999;}

.head .fr .tel{ background-position:-114px 5px; }
.head .fr .wx{ background-position:-232px 4px; }
.head .fr a:hover,.head .fr strong:hover{ background-position-y:-46px; color: #fff; background-color: #2a7dc9;}
.head .fr .wx .wxewm { width: 120px; height: 120px; position: absolute; top: 42px; z-index: 2; left: 0; display: none; }
.head .fr .wx .wxewm img{ width: 120px; height: 120px; display: block; }


.top .logo {float: left;display: block;height: 60px;padding: 40px 0;}
.top .logo img{display: block;height: 60px;}
.top .logo_addr{float: left;height: 140px;position: relative; margin-left: 20px;}
.top .logo_addr img{ width:500px; height:140px;}


.top .top_tel{width: 190px;float: right;padding-left: 50px;position: relative;margin: 40px 0px;height: 60px;}
.top .top_tel i{position: absolute;left: 0px;top: 8px;width: 40px;height: 40px;background: url(../im/20191125093144_1926879583.png) no-repeat 0 center;transition:0.3s all ease;}
.top .top_tel p{font-size:15px;color: #777777;display: block;line-height: 30px;font-weight: 100;height: 60px;text-align:left;}
.top .top_tel strong{color: #db0c02;font-size: 30px;font-family: arial;font-weight: normal;display: block;line-height: 22px;}
.top .top_tel strong span{color: #db0c02;font-size: 25px;font-weight: bold;font-family: arial}
.top .top_tel strong em{display: block;
    font-size: 23px;
    font-weight: bold;
    color: #009b4d;}
.top .top_tel:hover i{background-position-x:0 }

.nav{background:#2a7dc9;}
.nav #NavCeshi {position: relative;}
.nav > ul > li{float: left;width: 150px;height: 70px;position: relative; background:url(../im/nav_line.jpg) no-repeat right top}
.nav > ul > li > a > .en{display: block;font-size:12px;color:#a7c5e3;text-transform: capitalize;line-height: 18px;position: relative;z-index: 3;transition: 0.3s all ease-in-out;}
.nav > ul > li > a{text-align: center;display: block;font-size: 16px;color: #fff;height: 46px;line-height: 28px;padding: 12px 0;position: relative;z-index: 33;transition: 0.3s all ease-in-out;}
.nav #NavCeshi .block{height: 71px;position: absolute;bottom: -1px;background: #db0c02;
background: -moz-linear-gradient(left, #db0c02 0%, #7e0802 100%);
background: -webkit-linear-gradient(left, #db0c02 0%,#7e0802 100%);
background: linear-gradient(to right, #db0c02 0%,#7e0802 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db0c02', endColorstr='#7e0802',GradientType=1 );}

.nav > ul > li:hover > a,.nav > ul > li.navcurrent > a{color: #fff;}
.nav > ul > li:hover > a .en,.nav > ul > li.navcurrent > a .en{color: #fff;}



/*banner*/
.banner{ overflow: hidden; height: 560px; width: 100%; }
.banner-box{ min-width:1200px; height:560px; position:relative; margin:0 auto; }
.banner-box .bd{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:560px; background-position: center top; background-repeat: no-repeat; }
.banner-box .bd li a {display: block;background-size: auto;height: 100%;position: relative;z-index: 1111;}
.banner-btn { width: 100%; position: absolute; top: 0; left: 0; margin-left: 0; height: 560px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:248px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out}
.banner-btn a.prev{ left:-50px; background:url(../im/ban01.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../im/ban01.png) no-repeat -49px 0; }
.banner-box .hd { position: absolute; bottom:40px; width: 100%; display: block; }
.banner-box .hd ul { width: 1100px; margin: 0 auto; text-align: center; }
.banner-box .hd ul li{ width:20px; height:10px; border-radius:20px; text-indent:-9999px; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; text-align: center; position: relative; z-index: 1111; background:#fff }
.banner-box .hd ul li.on{ background: #2a7dc9; width: 32px; }
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }

/*search*/
.search { padding: 5px 0; height: 60px; border-bottom:1px #eee solid;}
.search .fl { height: 60px; line-height: 60px; }
.search .fl a:hover { text-decoration: underline; color: #fa1b0a; font-size:; }
.search .fl a { line-height: 60px; display: inline-block; color: #666; font-size: 13px; }
.search .fl strong { display: inline-block; line-height: 60px; font-size: 15px; color: #343434;padding-left: 30px;background:url(../im/keywords_icon.png) left center no-repeat; }
.search_r form { float: left; display: block; width: 270px;border: 1px #eee solid; border-radius: 50px; line-height: 46px; height: 46px; position: relative; margin: 9px 0 9px 0px; }
.search_r form #search-i { background: #fa1b0a url(../im/20191125103333_1589877708.png) no-repeat center; width: 42px; height: 42px; border-radius: 50%; position: absolute; right: 2px; top: 2px; overflow: hidden; display: block; transition: 0.3s all ease-in-out; }
.search_r form:hover #search-i{ background-color: #059a45; }
.search_r form #search-i input{ display: block; width: 100%; height: 100%; cursor: pointer; background: none; border: 0 none; outline: none;}
.search_r form #search-bg input { line-height: 46px; background: none; border: 0 none; width: 220px; padding-left: 20px; color: #aaa; outline: none;}
.b1{ text-align:center; background:#f8f8f8; width:100%; padding:20px 0px}
.b1 img{ width:1200px; margin:20px auto;}
/*bot*/
.bot{text-align: center;padding: 51px 0 30px;}
.bot b{ font-size:32px; color:#343434;}
.bot b em{ color:#2a7dc9}
.bot span{font-size:16px;color:#666;display: block; padding-top:8px}
.bot i{ display:block; width:30px; height:1px; background-color:#666; margin:0 auto; margin-top: 10px;}

/*feature*/
.feature{background:url(../im/20191126093604_184498418.gif) repeat-x 0 103px;}
.feature .bot{ padding:21px 0 18px !important;}
.ibrand-num{overflow:hidden;}
.ibrand-num li{float:left;width:240px;height:180px;text-align:center;color:#333;font-size:16px;font-weight: bold;}
.ibrand-num li span{font-size:48px;line-height: 60px;}
.ibrand-num li b{display:block;font-size: 14px;color: #666;font-weight: normal; padding:5px 0 0;}
.ibrand-num li em{width: 88px;height: 40px;display: block;margin: 0 auto;padding: 15px 0 0;}
.ibrand-num li em img{width: 88px;height: 40px;}
.rongyu li{ float:left; width:240px; height:180px; text-align:center;}
.rongyu li img,.rongyu li a img{ width:230px; height:140px; margin:0px auto}
.rongyu li img span{ display:block; width:230px; margin:0px auto; height:30px; overflow:hidden; text-align:center}

.td {
    margin-top: 21px;
}

.td ul {
    overflow: hidden;
}

.td li {
    float: left;
    width: 218px;
    height: 240px;
    background: #ececec;
    text-align: center;
    padding-top: 24px;
    margin-left: 20px;
    cursor: pointer;
}

.td li:first-child {
    margin-left: 0;
}

.td li h5 {
    font-weight: normal;
    margin-top: 20px;
}

.td li h5 a {
    font-size: 18px;
    color: #2a7dc9; font-weight:bold
}

.td li p {
    color: #858585;
    margin-bottom: 13px;
    line-height: 12px;
    text-transform: uppercase;
    margin-top: 7px;
}

.td li ins {
    display: block;
    width: 28px;
    border-top: 1px solid #b1afaf;
    height: 0;
    margin: 0 auto;
}

.td li .jt {
    background: url(../im/jtbg.png) no-repeat center 2px;
    width: 31px;
    height: 31px;
    margin: 0 auto;
    display: block;
    margin-top: 20px;
}

.td li:hover {
    background: #2a7dc9;
}

.td li:hover h5 a {
    color: #fff;
}

.td li:hover p {
    color: #f1f1f1;
}

.td li:hover ins {
    border-color: #fff;
}

.td li:hover .jt {
    background: url(../im/jtbg.png) no-repeat center bottom;
}
.cps ul li{ float:left; height:42px; background:#363e45; text-align:center; padding:0px 20px;  margin-right:15px;}
.cps ul li a{ margin:0px auto; height:42px; line-height:42px; color:#FFF; }
.te{ background:#104492 !important; padding:0px 28px !important; font-weight:bold}
.cps dl{ width:400px; float:left; height:300px;}
.cps dl dt img{ margin:0px auto; width:300px; height:225px;}


.list-1 li {
	float: left;
	width: 400px; text-align:center; margin-bottom:20px; height:340px; overflow:hidden
}
.list-1 li a {display: block;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;
	margin:0px auto; width:380px; height:340px; font-weight:bold
}
.list-1 li a img{ width:380px; height:285px;transition: all .5s;opacity:0.9;}
.list-1 li a:hover img {opacity:1;transform: scale(1.05);}
.list-1 li .img-cover {	margin: -20px -20px 0 -20px;}
.list-1 li .text{ width:380px; height:40px; line-height:40px; text-align:center; background:#2a7dc9; margin-top:15px}
.list-1 li a .text{ color:#fff}
.list-1 li a:hover .text{ font-weight:bold; color:#fff; }




.ys-list li {
  float: left; width:1200px; overflow:hidden
}

.ys-list li .tu {
  width: 600px;
  height: 300px;
}

.ys-list li .tu img,.ys-list li .tu a img{ width:600px; height:300px;}

.ys-list li .tu a {
  width: 600px;
  height: 300px;
  display: block;
}
.ys5{ width:100%; text-align:center; background:#fff}
.swiper-slide{ padding:25px 0 0 0}
.ys-list li .tu a.img {
  display: block;
  overflow: hidden;
  opacity: 0.95;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  position: relative;
}

.ys-list li .tu a.img figcaption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ys-list li .tu a.img figcaption::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  content: '';
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
}

.ys-list li .wz {
  width: 240px;
  height: 300px;
  background: #fff;
  padding: 0 30px;
}
.ys-list li .wz2 {
  width: 600px;
  height: 300px;
  background: #fff;
}
.ys-list li .wz .img2 {
  text-align: center;
  margin-top: 30px;
}

.ys-list li .wz h3 {
  font-size: 26px;
  color: #00479d;
  font-weight: bold;
  padding-top: 32px;
  padding-bottom: 23px;
  text-align: center;
}

.ys-list li .wz p {
  color: #666867;
  font-size: 14px;
  line-height: 22px;
}

.ys-list li:hover .tu a.img img {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.ys-list li:hover .tu a.img figcaption::before {
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}
/*pored*/
.pored{;background:url(../im/20191126093604_184498418.gif) repeat-x 0 132px #f0f0f0;    padding-bottom: 52px;}
.pc_le{width:280px;background: #009b4d;border-top-left-radius: 30px;padding-bottom: 48px;position: relative;z-index:99;overflow: hidden;}
.pc_le:after{content:'';width: 300px;height: 150px;background: -ms-linear-gradient(right,#009b4d,#38d485);background: -moz-linear-gradient(right,#009b4d,#38d485);background: -webkit-linear-gradient(right,#009b4d,#38d485);background: -o-linear-gradient(right,#009b4d,#38d485);position: absolute;top: -13px;left: -115px;transform: rotate(-50deg);z-index: -1;}
.pcl_t{height:86px;padding-top:23px;text-align: center;}
.pcl_t p{font-size:30px;color:#fff;line-height:30px;}
.pcl_t em{font-size:12px;color:#46d48b;line-height:24px;}

.pcl_c{border:1px solid #e5e5e5;background: #fff;width: 234px;margin: 0 auto;padding-top: 15px;}
.pcl_c tr{display: block;position:relative;}
.pcl_c tr+tr{margin-top:1px;}
.pcl_c tr .lasttname{position:relative;background:#fff;}
.pcl_c td{width:210px;display:block;margin: 0 auto;}
.firstname{}
.pcl_c tr.on .firstname b a{background: -ms-linear-gradient(left,#0555b5,#0093dd);background: -moz-linear-gradient(left,#0555b5,#0093dd);background: -webkit-linear-gradient(left,#0555b5,#0093dd);background: -o-linear-gradient(left,#0555b5,#0093dd);}
.pcl_c td b{font-size:0;display: block;line-height: 0;}
.pcl_c td b a{font-size:16px;line-height:47px;display: block;padding-left: 50px;position:relative;font-weight: 500;background: -ms-linear-gradient(left,#0555b5,#0093dd);background: -moz-linear-gradient(left,#0555b5,#0093dd);background: -webkit-linear-gradient(left,#009b4d,#38d485);background: -o-linear-gradient(left,#009b4d,#38d485);}
.pcl_c td b a:before{content:'';width:8px;height:14px;background:url(../uploadfile/image/20191210/20191210160442_1448064345.png) no-repeat center;position:absolute;top:50%;left:20px;margin-top:-7px;transition:0.6s;}
.pcl_c tr.on td b a:before{background:url(../uploadfile/image/20191210/20191210160442_1448064345.png) no-repeat center;transform:rotate(90deg);transition:0.6s;}
.pcl_c tr.on td b a{color:#fff !important;}

.pored_nr{margin-bottom: 20px;}
.pored_nr table tbody tr{margin-bottom:20px;display:block}
.pored_nr table tbody tr td{padding-right:5px}
.pored_nr table tbody tr td span a{display:block;height:50px;line-height:50px;width:288px;background-color:#343434;color:#fff}
.pored_nr table tbody tr td:hover span a{background-color:#009b4d}

.pored_tel{width: 456px;margin: 0 auto;}
.pored_tel span{ display:block; background:url(../im/20191126213804_831860837.png) left center no-repeat;    padding-left: 50px;    float: left;margin-right: 20px;}
.pored_tel span em{font-size:16px; color:#666;}
.pored_tel span b{font-size:30px; color:#343434;  display: block;}
.pored_tel a{ display:block; width:150px; height:50px; color:#666; text-align:center; line-height:50px; float: right;background-color: #fff;font-size: 16px; border-radius: 50px;}
.pored_tel a:hover{background-color: #fa1b0a;color:#fff;}


/*case*/

#case_bg{width:100%;}
.case_nor { position:relative;overflow:hidden}
.case_nor .case_list { width:401px; padding-left:30px; height:356px; padding-top:53px; margin-bottom:47px; background:#f8f8f8; overflow: hidden;}
.case_nor .case_list li { float:left; width:175px; text-align:center; height:56px; line-height:56px; margin-bottom:20px; border:1px solid #ddd; background:#fff; overflow:hidden}

.case_nor .case_list li a { font-size:16px; display:block; color:#292929}


.case_nor .case_list li:hover a { color:#fff}
.case_nor .case_tu { width:770px; height:456px; position:absolute; right:0;}
.case_nor .case_tu li img{width: 770px;height: 456px;}
.case_nor .case_list li.on { background:#fa1b0a; }
.case_nor .case_list li.on:nth-child(2),.case_nor .case_list li.on:nth-child(4),.case_nor .case_list li.on:nth-child(6),.case_nor .case_list li.on:nth-child(8){ background:#fa1b0a; }
.case_nor .case_list li.on a { color:#fff}
.case_nor .case_list li:nth-child(2).on,.case_nor .case_list li:nth-child(4).on,.case_nor .case_list li:nth-child(6).on,.case_nor .case_list li:nth-child(8).on { background:#fa1b0a; }
.case_nor .case_list li i { margin-left: 7px; margin-top: 8px; display:block; width:39px; height:39px; float:left; background:url(../im/20191126143658_1177505675.png); transition: all 0.5s;}
.case_nor .case_list li:hover i { background-position: 0 -39px;}
.case_nor .case_list li:nth-child(2).on i,.case_nor .case_list li:nth-child(3).on i,.case_nor .case_list li:nth-child(4).on i,.case_nor .case_list li:nth-child(5).on i,.case_nor .case_list li:nth-child(6).on i,.case_nor .case_list li:nth-child(7).on i,.case_nor .case_list li:nth-child(8).on i { background-position: 0 -39px;}

.case_nor .case_list li:nth-child(2) i,.case_nor .case_list li:nth-child(4) i,.case_nor .case_list li:nth-child(6) i,.case_nor .case_list li:nth-child(8) i { float:right; margin-right:8px;}
.case_nor .case_list li:nth-child(2) i {background:url(../im/20191126143658_1177505675.png);}
.case_nor .case_list li:nth-child(3) i {background:url(../im/20191126143658_1177505675.png);}
.case_nor .case_list li:nth-child(4) i {background:url(../im/20191126143658_1177505675.png);}
.case_nor .case_list li:nth-child(5) i {background:url(../im/20191126143658_1177505675.png);}
.case_nor .case_list li:nth-child(6) i {background:url(../im/20191126143658_1177505675.png);}
.case_nor .case_list li:nth-child(7) i {background:url(../im/20191126143658_1177505675.png);}
.case_nor .case_list li:nth-child(8) i {background:url(../im/20191126143658_1177505675.png);}

.case_nor .case_list span { display:block; width:175px; text-align:center; height:68px; line-height:68px; position:absolute; top:352px; right:0; background:#fff; border:1px solid #ddd; }
.case_nor .case_list span a { font-size:16px; display:block;}
.case_nor .case_list span:hover { background:#2a7dc9; }
.case_nor .case_list span:hover a { color:#fff}

.case_nor .case_list li:nth-child(2),.case_nor .case_list li:nth-child(4),.case_nor .case_list li:nth-child(6),.case_nor .case_list li:nth-child(8) { background:#fff; border:1px solid #ddd; margin-left:20px;}
.case_nor .case_list li:nth-child(2):hover,.case_nor .case_list li:nth-child(4):hover,.case_nor .case_list li:nth-child(6):hover,.case_nor .case_list li:nth-child(8):hover { background:#fa1b0a;}
.case_nor .case_list li:nth-child(2).cur,.case_nor .case_list li:nth-child(4).cur,.case_nor .case_list li:nth-child(6).cur,.case_nor .case_list li:nth-child(8).cur { background:#fa1b0a;}
.case_nor .case_tu li { position:relative; width:770px; height:456px;}
.case_nor .case_tu li span { background:url(../im/20191126145006_366249924.png);  position:absolute; bottom:0; z-index:1; display:block;  width:690px; height:108px; padding-left:30px; padding-right:50px; padding-top:18px; float:left; line-height: 26px; overflow:hidden}
.case_nor .case_tu li span a { display:block; color:#d1d1d1;}
.case_nor .case_tu li strong { font-size:20px; display:block; margin-bottom:7px; margin-top:5px;}
.case_nor .case_tu li span a strong {font-size:20px; color:#fff;}

.case_prev { position:absolute; width:64px; height:47px; bottom:0px; left:301px; background:url(../im/20191126144525_757034250.jpg); z-index:99999; transition: all 0.5s;}
.case_next { position:absolute; width:64px; height:47px; bottom:0px; left:366px; background:url(../im/20191126144526_1692759009.jpg); z-index:99999; transition: all 0.5s;}
.case_prev:hover {cursor:pointer; background-position:0 -47px;}
.case_next:hover {cursor:pointer; background-position:0 -47px;}

.banner2{ background:url(../im/banner.jpg) no-repeat center top; height:90px; margin:30px auto 0; text-align:left; width:1200px; padding-top:30px;}
.banner2 p{ font-size:18px; color:#fff; margin-left:50px; }
.banner2 i{ font-size:32px; color:#fff; margin-left:50px}


#hzkh_t{height: 40px;border-bottom: 1px #ccc solid;width: 180px;margin-bottom: 20px; margin-top:20px}
#hzkh_t b{font-size: 24px;font-weight: 400;}
#hzkh_t em{padding-left: 20px;font-size: 16px;color: #666;}
#hzkh_b table tbody tr td a img{    border: 1px #eee solid;box-sizing: border-box;}
#hzkh_b table tbody tr td div a{display: block;width: 232px;height: 40px; line-height: 40px; background-color: #eee;}
#hzkh_b table tbody tr td div a:hover{background-color: #2a7dc9;color: #fff;}

/*adv*/
.advan_bt{ width:100%; font-size:45px; color:#222; font-weight:bold; padding-top:60px; margin:0 auto; text-align:center;}
.advan_bt span{  font-size:45px; color:#2a7dc9;}
.advan_xbt{ width:100%; font-size:20px; color:#222; padding-top:19px;margin:0 auto; text-align:center;} 
.advan_xt{ width:auto; height:auto; margin:0 auto; text-align:center; margin-top:12px;}
.advan{ background: #f8f8f8; height:860px; overflow:hidden;}
.advan *{transition:0.3s all ease-in-out;}
.advan > .page1{display: block;position: relative; width:1200px !important; margin: 0 auto;}
.advan .bot b em{color: #2a7dc9;}
.advan_row2{width:100%;position:relative}
.advan_row2:after{content:'';display:block;width:110px;height:630px;left:-110px;top:0;background:#f3f3f3 url(../uploadfile/image/20191210/20191210170156_423094162.jpg) no-repeat center top;position:absolute}

.advan .advan_cont{position: relative;width: 100%;height:500px}
.advan .advan_cont0{display: none;position: absolute;top: 0; overflow:hidden;}
.advan .advan_list{position: relative;width: 100%;height: 130px;}

.advan .advan_list:after{content: '';display: block;clear: both;}
.advan .advan_list ul:after{content: '';display: block;clear: both;}
.advan .advan_list li{float: left;width: 300px;position: relative;height: 130px;background: #fafafa}
.advan .advan_list li:nth-child(2n){background: #f2f2f2}
.advan .advan_list li:after{background: url(../im/20191129001220_1920811981.png) no-repeat 0 -75px;width: 80px;height: 80px;position: absolute;bottom: 25px;left: 45px;display: block;content: '';transition: 0.3s all ease;}
.advan .advan_list li.advan_list2:after{background: url(../im/20191129001220_984605344.png) no-repeat 0 -75px;}
.advan .advan_list li.advan_list3:after{background: url(../im/20191129001220_984501416.png) no-repeat 0 -75px;}
.advan .advan_list li.advan_list4:after{background: url(../im/20191129001220_1453841376.png) no-repeat 0 -75px;}
.advan .advan_list li.advan_list3:after{ height:75px !important;}
.advan .advan_list li.cur:after{background-position-y: 5px}
.advan .advan_list li > a{font-size: 24px;color: #222;display: block;line-height: 35px;position: relative;padding: 35px 30px 35px 120px;}
.advan .advan_list li > a:after{content: '';display: block;transition: 0.3s all ease-in-out;position: absolute;bottom: 0;right: 0;width: 0;background: #2a7dc9;height: 4px;}
.advan .advan_list li > a:before{content: '';display: block;transition: 0.3s all ease-in-out;position: absolute;bottom: 0;left: 0;width: 0;height: 4px;background: #222
;}
.advan .advan_list li.cur > a:after{width: 285px;}
.advan .advan_list li.cur > a:before{width: 38px;}
.advan .advan_list li > a .en{font-size: 13px;color: #c8c8c8; display: block;line-height: 15px;padding-bottom: 5px;padding-top: 5px; text-transform:uppercase;}
.advan .advan_list li.cur > a{color: #2a7dc9; font-weight:bold;}
.advan .advan_list li.cur > a span{ font-weight:normal !important;}
.advan .advan_list li .advan_list_co{position:absolute;bottom: 130px;left: 0;width: 350px;padding: 0px 30px;background: rgba(0,0,0,0.6);overflow: hidden;height: 0px}
.advan .advan_list li.cur .advan_list_co{background:#2a7dc9;height:500px;}
.advan .advan_list li .advan_list_co strong{font-size: 40px;color: #10c369;line-height:38px;padding-bottom:20px;display:block;}
.advan .advan_list li .advan_list_co strong .en{font-size: 12px;font-weight: 100;line-height: 22px;display:block;color:rgba(255,255,255,0.6); text-transform:uppercase;}
.advan .advan_list li .advan_list_co p.advcon{color: #ddf2fd;line-height:22px;font-size: 14px;padding-left: 25px;padding-bottom: 15px;font-weight: 100;position: relative;}
.advan .advan_list li .advan_list_co p.advcon:after{content: '';display: block; background:#fff;border-radius:50%;width:8px;height:8px;position:absolute;left:0;top:10px}
.advan .advan_list li .advan_list_co i{display: block;width: 80px;height: 80px;background: url(../im/20191129001220_83458590.png) no-repeat; margin-top:20px;}
.advan_list_co .advimg{ margin-bottom:10px; margin-top:10px;}
.advan .advan_list li.advan_list2 .advan_list_co i{display: block;width: 80px;height: 80px;background: url(../im/20191129001221_1542348560.png) no-repeat -17px -10px;}
.advan .advan_list li.advan_list3 .advan_list_co i{display: block;width: 80px;height: 80px;background: url(../im/20191129001221_1060587990.png) no-repeat -15px -20px;}
.advan .advan_list li.advan_list4 .advan_list_co i{display: block;width: 80px;height: 70px;background: url(../im/20191129001221_1275479740.png) no-repeat -10px -10px;}
.phone1{ width:358px; height:90px; border-radius:45px; background:#126fd0; margin-top:10px;color:#fff;}
.phone1 .phone1_titl{ font-size:15px !important; margin-top:10px !important; background:none !important;color:#eee;}
.phone1 .phone1_num{ font-size:35px !important; font-weight:bold !important; font-family:Arial, Helvetica, sans-serif; background:none !important; color:#fff;}
.phone1ico img{ margin-top:20px; margin-left:20px; margin-right:10px;}
.advan .advan_list:before{background: #2a7dc9;width: 350px;height: 205px;position: absolute;right: -350px;content: ''; display:none} 

/*about*/
.about{ height:587px; background:url(../im/20191125165144_1551636921.jpg) center no-repeat;}
.about .bot{    padding: 50px 0 16px;}
.about .bot b{color: #fff;}
.about .bot span{color: #eee;}
.about .bot i{background-color: #eee;}

.about_btn{float: left;}
.about_btn:after{content:'';display: block;clear: both;}
.about_btn a{width: 154px;padding-left: 18px;background: url(../im/20191125173114_1485813578.png) no-repeat center bottom;display: block;float: left;font-size: 24px;color: #fff;padding: 10px 0 25px 25px;line-height: 30px;margin-left: 35px}
.about_btn a .small{color: #a9c2dc;font-family: arial;font-size: 12px;display: block;line-height: 18px;}
.about_btn a img{display: block;float: left;padding:5px 10px 10px 0;}

.about-bj{ height:370px; background:url(../im/20191125171950_2107897641.png) no-repeat 5px 5px #fff; margin-top: 14px; min-height:370px}
.about-x{ float: right; width:510px; padding:20px; background:#fff; height:320px; overflow:hidden; }
.about-x h2{ color:#2a7dc9; font-size:18px;}
.about-x em{display: block;font-size: 20px;color: #666;  background:url(../im/navbg.jpg) no-repeat left top; width:100px; height:20px; padding:10px 30px; text-align:center; margin-top:15px}
.about-x em a{ line-height:20px; color:#fff}
.about-x p{color: #666;line-height: 30px; margin-top:15px; text-indent:2em}

.b2{ width:100%; background:url(../im/bj_in.jpg) no-repeat center top #18191e; height:216px;}
.b2-x{ width:700px; float:left; padding:40px 20px 40px 120px; line-height:48px; color:#fff; font-size:32px;}
.b2-x em{ font-size:20px; color:#fff}
.b2-x p{ font-size:16px; color:#fff}
.b2-r{ width:240px; float:right; color:#FFF; text-align:right;padding:60px 40px; line-height:48px; font-size:16px}
.b2-r em{ font-size:28px; color:#fff;}

/*news*/
.main-news{ margin-bottom:28px}
.main-news .hd {font-size: 0;text-align: center;margin-bottom: 20px;}
.main-news .hd li {display: inline-block;vertical-align: middle;margin: 0 10px;}
.main-news .hd li a {display: block;line-height: 40px;width: 160px;font-size: 14px;border: 1px solid #ebebeb;}
.main-news .hd li.on a {background-color: #2a7dc9;border-color: #2a7dc9;color: #fff;}
.main-news .bd ul {margin-left: -40px;}
.main-news .bd li {float: left;width: 50%;}
.main-news .bd li a {display: block;margin-left: 40px;border: 1px solid #eee;background-color: #fff;margin-top: 20px;overflow: hidden;}
.main-news .bd li .img-center {overflow: hidden;height: 290px;line-height: 290px;}
.main-news .bd li .img-center img {-webkit-transition: all 0.5s;transition: all 0.5s; width:100%; height:290px}
.main-news .bd li a:hover .img-center img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.main-news .bd li .date {float: left;width: 110px;color: #666;padding: 26px 0;text-align: center;border-right: 1px solid #eee;line-height: 1;}
.main-news .bd li .date strong {display: block;font-size: 50px;color: #333;font-family: Impact;margin-bottom: 6px;}
.main-news .bd li .info {margin-left: 110px;padding: 20px;}
.main-news .bd li .info h4 {margin: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 16px;}
.main-news .bd li .info p {color: #888;margin: 10px 0 0;overflow: hidden;line-height: 1.8;height: 50px;}
.main-news .bd li a:hover {border-color: #f8bd01;box-shadow: 0 0 10px rgba(0,0,0,0.2);}


/*foot*/
.f_bj{color:#fff;clear:both; background:#222; overflow:hidden}


.f_om{ overflow: hidden; height: 120px;}
.f_om p{ float: left; padding-left: 100px;}
.f_om p span{ display: inline-block; float: left; width:380px;color: #a9a9a9; padding-top:10px;letter-spacing: 0.8px;}
.f_om p span b{display: block;color: #999;font-size: 24px;padding-bottom: 10px;}
.f_om p i{ display: inline-block; float: left; padding-top:10px; padding-right: 20px; }
.f_om p i img{}
.f_om h3{ float: right; text-align: center;font-weight: normal; font-size: 14px; color: #121212;padding-right:70px;}
.f_om h3 em{ display: inline-block; float: left; font-size: 14px; color: #fff; width: 170px; text-align: left; line-height: 24px; padding-top: 15px;}
.f_om h3 em span{ display: block;}
.f_om h3 i{ display: inline-block; float: left;    padding-right: 25px;}
.f_om h3 img{ width:87px; display: block;    float: left;}
.f_om h3 span{display: inline-block;float: left;color: #666;width: 70px;text-align: left;padding: 21px 0 0 15px;}
.f_copy,.f_copy span,.f_copy i{ color: #666; text-align: center; font-size: 14px; line-height: 30px; padding:25px 0; font-size:14px}
.f_copy a{ color: #666;font-size:14px}
 .linkTagcs
                    { 
                    width:1090px;
                 height:auto;}
                    .linkTagcs ul
                    {margin:0px;padding:0px;list-style-type:none;}
                    .linkTagcs li
                    {list-style:none;margin:0px; 
                    width:70px;
                 padding-right:30px;line-height:30px;float:left;}
                    .linkTagcs li a
                    {color:#1090;word-break:break-all;}
                    .linkTagcs li img
                    {border:0px;}
/*links*/
.link {height:60px; line-height:60px; overflow:hidden; border-top: 1px #444 solid;border-bottom: 1px #444 solid;}
.f_nav{ height:60px; line-height:60px; text-align:center}
.f_nav a{ display: inline-block; color: #a9a9a9; font-size: 16px; padding: 0 30px;background:url(../im/20191125145819_308939569.jpg) no-repeat right 35px;}
.f_nav a.nob{ background: none; margin-right: 0; padding-right: 0;}
.f_nav a:hover{color: #fff;}

/*QQ*/
.my-kefu{position: fixed;right: 0px;top:18%;z-index:9999;}
.my-kefu ul{width: 77px;}
.my-kefu li a{text-decoration: none;    margin-top: 10px;display: block;}
.my-kefu li{background: #656d71;margin-top: 1px;padding: 4px 0;height:75px;width: 77px;}
.my-kefu li i{background: url(../im/20191125145748_1729156776.png) no-repeat;display:block; width: 30px; height: 27px; margin: 0px auto; text-align: center;}
.my-kefu li p{height: 20px; line-height: 20px; overflow: hidden;text-align: center;color: #fff;}
.my-kefu .my-kefu-qq i{background-position: 4px 0;}
.my-kefu .my-kefu-tel i{background-position: 0 -25px;}
.my-kefu .my-kefu-tel1 i{background-position: -35px 4px;}
.my-kefu .my-kefu-tel1:hover{ width:246px; height:155px;}
.my-kefu .my-kefu-tel2 i{background-position: -35px 4px;}
.my-kefu .my-kefu-tel2:hover{ width:246px; height:155px;}
.my-kefu .my-kefu-liuyan i{background-position: 4px -53px;}
.my-kefu .my-kefu-weixin i{background-position: -34px 4px;}
.my-kefu .my-kefu-weibo i{background-position: -30px -22px;}
.my-kefu .my-kefu-ftop{background-color:#242424;}
.my-kefu .my-kefu-ftop i{width:33px;height:35px;background-position: -27px -51px;}
.my-kefu-main{width: 97px;position: relative;}
.my-kefu-weixin-pic{position: absolute;left: -130px;top: -24px; display: none;}


.my-kefu-left{ float: left; width: 77px; height: 47px;position: relative;}
.my-kefu-tel-right{font-size: 20px; color: #fff; float: left; height:46px; line-height: 46px; padding-left:15px; border-left: 1px solid #fff; padding-top: 8px; position:relative; left: 0px;top: 0px;}
.my-kefu-tel1-right{font-size: 20px; color: #fff; float: left; height: 24px; line-height: 22px; margin-top: 8px; border:none; margin:0 auto; margin-bottom:5px; position:relative; left: 0px;top: 0px;}
.my-kefu-tel2-right{font-size: 20px; color: #fff; float: left; height: 24px; line-height: 22px; margin-top: 8px; border:none; margin:0 auto; margin-bottom:5px; position:relative; left: 0px;top: 0px;}
.my-kefu-right{width: 20px;}
.my-kefu-tel{ width:97px}
.my-kefu-tel-main{color: #fff; margin-top: 9px; height: 47px; width: 297px;}

.bans{ width:100%; text-align:center; height:260px; line-height:260px; min-height:260px; min-width:1200px; margin:15px auto}
.ban-a{ background:url(../img/ban-a.jpg) no-repeat center top;}
.ban-x{ background:url(../img/ban-x.jpg) no-repeat center top;}
.ban-c{ background:url(../img/ban-c.jpg) no-repeat center top;}
.dh{ background:url(../im/home.png) no-repeat 5px 9px; height:32px; line-height:32px; width:100%; text-indent:30px}
.dh a{ line-height:32px;}
.left { width:221px; float:left; overflow:hidden;}
.leib2{ width:221px; background:#f0f0f0; border-radius:3px;}
.leib2 h2,.leib2 h2 img{ height:95px; width:221px}



.leib2 .nr{ padding:4px 11px 20px;overflow:hidden; }
.leib2 .nr li{height:38px; line-height:38px;overflow:hidden;margin-top:10px;}
.leib2 .nr li a{ display:block;background:#2a7dc9 ;border-radius:3px; height:38px; line-height:38px; padding-left:28px;overflow:hidden; color:#fff }
.leib2 .nr li.cur a,.leib2 .nr li a:hover{ color:#fff; background:#ff6631; font-weight:bold}
.leib2 .nr ul.ul2{padding:0;}
.leib2 .nr ul.ul2 li{text-overflow:ellipsis}
.leftcur{color:#fff; background:#ff6631 !important; font-weight:bold}

.leib{ width:226px; background:#f0f0f0; padding-top:20px;border-radius:3px;}
.leib h2{ height:48px; font-size:18px;color:#2e374e; padding:0 0 0 30px; line-height:24px;}
.leib h2 b{ width:40px; font-family:"Times New Roman", Times, serif; font-size:48px; color:#999; float:left; line-height:43px;}
.leib h2 a{ color:#2e374e;}
.leib h2 em{ font-style:normal;display:block; text-transform:uppercase; font-family:"Times New Roman", Times, serif; font-size:12px; color:#999; line-height:18px;}
.leib .nr{ padding:4px 11px 20px;overflow:hidden; }
.leib .nr h4{ background:#2e374e url(../img/ico02.png) no-repeat 180px 7px;border-radius:3px; height:28px; line-height:28px; padding-left:28px;overflow:hidden;margin-top:10px;}
.leib .nr h4.cur,.leib .nr h4:hover{background:#dcaf23 url(../img/ico02.png) no-repeat 180px 7px;}
.leib .nr h4 a{ color:#fff; display:block;}
.leib .nr ul{padding:0 15px;}
.leib .nr li{background: url(../img/ico03.jpg) no-repeat scroll 0 17px ; padding-left: 13px; color: #666;line-height: 40px; overflow: hidden;white-space: nowrap; height:40px;}
.leib .nr li a{ font-size:14px;}
.leib .nr li.cur a,.leib .nr li a:hover{ color:#dcaf23;}

dl.pd_t05_con_dl { width:184px; height:180px; overflow:hidden; margin:10px auto 3px;}
dl.pd_t05_con_dl dt,dl.pd_t05_con_dl dt a{ width:184px; height:151px; line-height:0; font-size:0;}
dl.pd_t05_con_dl dt img { width:180px; height:147px; padding:1px; border:solid 1px #ccc;}
dl.pd_t05_con_dl dt a:hover img { border:solid 1px #2e374e;}
dl.pd_t05_con_dl dd {width:184px; overflow:hidden;height:20px; line-height:20px; padding-top:5px; text-align:center; color:#555; }
dl.pd_t05_con_dl dd a:hover{color:#2e374e;}

.leftlx{ background:url(../im/tels.jpg) no-repeat right top; width:226px; height:140px; min-height:140px; margin-top:10px; margin-bottom:10px}
.leftlx .rexian{ padding-top:18px; font-size:14px; text-indent:85px; height:32px; line-height:32px;}
.leftlx p{ text-indent:35px; color:#2a7dc9; font-size:28px}




.right_main { width:920px;  overflow:hidden; padding:0px 10px 15px 0; float:right; line-height:200%;font-size:16px; }
.right_main p{ text-indent:2em; margin-bottom:10px; font-size:16px;}
.dfdh{  background:url(../im/rt.jpg) no-repeat left top; height:34px; text-indent:44px; line-height:34px; color:#FFF; font-weight:bold;}
.dfdh span{ display:block; height:34px; line-height:34px; background:url(../im/rt.jpg) no-repeat right top; padding-right:20px; float:right; color:#666; font-weight:400}
.th1{ text-align:center; margin:15px auto;}
.th1 h1{ font-size:22px;}
.n-xw{ width:100%; height:160px; margin-bottom:22px; padding-bottom:22px; border-bottom:1px solid #f1f1f1}
.n-xw dt{ float:right; width:200px; height:160px;}
.n-xw dt img{ width:200px; height:140px; margin-top:20px;}
.n-xw dd{ float:left; width:700px;}
.xx{ padding:15px 0; width:100%}
.xx2{ padding:15px 0 35px 0; width:100%; text-indent:0}
.xx2 p,.xx2 div{ text-indent:0}
.xx2 img,.xx2 a img,.xx2 div img,.xx2 span img,.xx2 p img{ max-width:910px; max-height:1400px;}
.n-xw dd h3{ font-size:16px; font-weight:400; display:block; width:100%; padding:10px 0; height:30px;}
.n-xw dd h3 a{ color:#2a7dc9}
.tj ul li a:hover,.n-xw dd h3 a:hover{ color:#049a53}
.n-xw dd h3 em{ color:#ff6000}

.n2{ display:block; margin:20px 0; width:100%; height:40px; line-height:30px; overflow:hidden; background:url(../im/n2.jpg) no-repeat left top; text-indent:37px; color:#2a7dc9; font-size:18px; clear:both; float:none; padding-bottom:1px}


.n-xw dd p{ color:#999; font-size:14px; padding:5px 10px;}
.ff2{ border:1px solid #f1f1f1; padding:10px; font-size:12px; text-align:center; background:#f2f2f2; height:26px; line-height:26px; margin-bottom:15px;}
.pagenavi{ text-align:center; clear:both; float:none; width:100%; padding:10px 0; height:35px; border-top:2px solid #2a7dc9}
.pagenavi a,.pagenavi span{ padding:5px; margin:5px; border:1px solid #808283 }
.pagenavi a{ background:#c6e8f5}
.shx{ padding:5px 0; margin:15px 0; width:100%; clear:both; float:none; border-top:1px solid #2a7dc9; border-bottom:1px solid #2a7dc9;}
.tj ul{ padding:15px;}
.tj ul li{ width:50%; float:left; height:26px; overflow:hidden; padding:5px 0; background:url(../img/sha.png) no-repeat 0px 20px; text-indent:15px}
.tj ul li a{ font-size:14px; color:#2a7dc9}
.tj h3{ font-size:16px}
.tj dl{ width:33%; float:left; height:240px; margin-bottom:15px}
.tj dl dt img,.tj dl dt a img{ width:90%; height:200px;}
.tj dl dd{ text-align:center; height:26px; margin-top:14px; background:#f1f1f1; overflow:hidden; width:90%; line-height:26px; overflow:hidden}
.tj dl dd a{ line-height:26px; color:#2a7dc9; font-size:14px}
.cpbox{ width:305px; float:left; height:246px; margin-bottom:15px}
.cpbox dt{ text-align:center;}
.cpbox dt img,.cpbox dt a img{ width:280px; height:210px;}
.cpbox dd{ text-align:center; background:#f5f5f5;  width:280px; margin:5px auto}
.cpbox dd a{ font-size:14px}
.cpbox dd a:hover{ color:#2a7dc9}
.cpbox dt a.img {
  display: block;
  overflow: hidden;

  position: relative;
}

.cpbox dt a.img figcaption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
 
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.cpbox dt a.img figcaption::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

}

.cpbox dt:hover a.img img {

}

.cpbox dt:hover a.img figcaption::before {

}
.cp-x{background:url(../img/bj2.jpg) no-repeat left top; height:412px; min-height:412px;}



.cpbox-sy{ float:left;  margin-bottom:15px; width: 400px; text-align:center; margin-bottom:20px; height:330px; overflow:hidden}
.cpbox-sy dt{ text-align:center;}
.cpbox-sy dt img,.cpbox-sy dt a img{ width:380px; height:285px;}
.cpbox-sy dd{ text-align:center; background:#f5f5f5;  width:390px; margin:5px auto; height:35px; line-height:35px;}
.cpbox-sy dd a{ font-size:14px; line-height:35px;}
.cpbox-sy dd a:hover{ color:#2a7dc9}
.cpbox-sy dt a.img {
  display: block;
  overflow: hidden;
  opacity: 0.95;

  position: relative;
}

.cpbox-sy dt a.img figcaption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.cpbox-sy dt a.img figcaption::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

}

.cpbox-sy dt:hover a.img img {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.cpbox-sy dt:hover a.img figcaption::before {

}



.cp-l{ float:right; width:550px; }
.cp-l2{ text-align:center}
.cp-l2 img{ max-width:800px; max-height:900px; margin:0px auto }
.cp-l img{ width:550px; height:412px;}
.cp-r{ float:left; width:340px; height:412px; min-height:412px;  }
.cp-r ul li{ margin-bottom:7px;}
.cp-r ul li h1{ font-size:18px; display:inline; color:#0c5baa}
.cp-r ul li i{ font-size:32px; color:#F00; font-family:Arial, Helvetica, sans-serif}
.cp-r ul li img{ width:20px; height:20px; margin-right:5px }
.cp-xr{ text-align:center}
.cp-xr dl{ padding-left:18px; padding-top:30px}
.cp-xr dl dt,.cp-xr dl dd{ text-align:center}
.cp-xr dl dt h1{ display:block; border:1px solid #2a7dc9;border-radius:5px; width:90%; margin:0px auto; overflow:hidden; color:#fff; font-size:18px; height:35px; line-height:35px; background:#2a7dc9}
.cp-xr dl dd{ width:49%; float:left}
.cp-xr dl dd p{display:block; border:1px solid #2a7dc9;border-radius:5px; width:90%; margin:0px auto; overflow:hidden; color:#fff; font-size:15px; height:35px; line-height:35px; background:#4da6f8}
.cp-xr dl dd span{ font-size:12px}
.gaos{ height:99px; line-height:25px; background:url(../im/20191125093144_1926879583.png) no-repeat 0 28px; text-indent:25px; width:220px; margin-left:25px; padding-top:20px}
.gaos em{ color:#F00; font-size:28px; margin-left:45px}


.jieshaot{ width:100%; border-bottom:3px solid #2a7dc9;background:url(../im/rt2.jpg) no-repeat left bottom;height:40px; overflow:hidden; margin-bottom:20px}
.jieshaot a{ background:#2a7dc9;border-radius:9px; height:32px; line-height:32px; overflow:hidden;margin-top:10px; text-align:center; display: inline-block; width:100px; color:#fff}
.jieshaot a:hover{ background:#39b971;border-radius:9px; height:32px; line-height:32px; overflow:hidden;margin-top:10px; text-align:center; display: inline-block; width:100px; color:#fff}
.jieshaot span{ color:#979898; float:right; height:20px; line-height:20px; font-size:14px; display:block;margin-top:16px; position: relative;}

.f_tel{height: 96px;padding: 30px 0 0;overflow: hidden;}
.f_tel p{float: left;overflow: hidden;font-size: 16px;color: #fff;line-height: 32px;height: 100px; background:url(../im/f_line.png) no-repeat right 14px;}
.f_tel p b{display: block;font-size: 20px;font-family:Arial, Helvetica, sans-serif;padding: 0 0 0 35px;color: #929393;}
.f_tel span{padding: 0 10px;}
.f_tel .f_p01{width: 400px;}
.f_tel .f_p02{width: 325px;padding-left: 60px;}
.f_tel .f_p03{width: 350px;padding-left: 60px;background: none;float: right;}
.f_tel .f_p01 b{ background:url(../im/f_ico01.png) no-repeat 0 5px;}
.f_tel .f_p02 b{ background:url(../im/f_ico02.png) no-repeat 0 7px;}
.f_tel .f_p03 b{ background:url(../im/f_ico03.png) no-repeat 0 6px;}

.ban01{background: url(../im/cpban.jpg) no-repeat center 0;height: 214px; min-height:214px;overflow: hidden; width:100%; margin:25px auto}
.zizhi-x{ padding:15px 0}

.cpbox2{ width:303px; float:left; height:245px; margin-bottom:15px}
.cpbox2 dt{ text-align:center;}
.cpbox2 dt img,.cpbox2 dt a img{ width:280px; height:210px;}
.cpbox2 dd{ text-align:center; background:#f5f5f5;  width:280px; margin:5px auto}
.cpbox2 dd a{ font-size:14px}
.cpbox2 dd a:hover{ color:#2a7dc9}
.cpbox2 dt a.img {
  display: block;
  overflow: hidden;
  opacity: 0.95;
  
  position: relative;
}
.njj{ float:right; margin-left:15px; width:380px; height:280px;}
.cplx{ background:url(../im/wxin.jpg) no-repeat 10px 0px; padding-left:240px; width:640px;}
.se{ color:#06C}
.yous-img{ width:100%;;}
.cpbox2 dt a.img figcaption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
 
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.cpbox2 dt a.img figcaption::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  
}

.cpbox2 dt:hover a.img img {

}

.cpbox2 dt:hover a.img figcaption::before {
 
}


/*首页推荐产品*/
.pro{margin-bottom: 60px;}
.pro h3{ text-align: center; font-weight: normal; border-bottom:1px solid #dcdcdc; padding-bottom: 20px; margin-bottom: 30px; }
.pro h3 a{display: inline-block; font-size: 26px; text-align: left;background:url(../aaa/pro_ic.png) no-repeat 0 24px; padding:20px 0 0 62px; border-top:1px solid #dcdcdc;}
.pro h3 span{display: block; text-transform: uppercase; color: #999; font-size: 18px; margin-top: 5px;}
.pro h3 a:hover{text-decoration: none;}
.pro_l{width: 260px; overflow: hidden;}
.pro_l h4{font-size: 28px; background:url(../im/navbg.jpg) no-repeat right top #0577D8; height: 75px;}
.pro_l h4{display: block; color: #fff; padding: 18px 0 0 42px;}
.pro_l h4 span{ display: block; text-transform: uppercase; font-size: 12px; font-weight: normal; color: #83c89d; margin-top: 4px; }
.pro_cat h5{font-size:16px; background-color: #ebebeb; padding: 0 32px; margin-bottom:4px; height:50px; line-height:50px; overflow: hidden; }
.pro_cat a{ display:block; font-size:16px;}
.pro_cat h5:hover{background-color: #FFB433;}
.pro_cat h5 em{ color: #0577D8; }
.pro_cat ul{margin-bottom: 8px;padding: 0 12px 10px;background:#ebebeb url(../aaa/line.gif) no-repeat center 0 ;}
.pro_cat li{font-size: 14px; line-height: 40px; background:url(../aaa/pro_ic2.png) no-repeat 0 center; padding-left: 10px; }

.pro_r{width: 910px; position:relative }
.pro_fls{position: relative; z-index:99;}
.pro_r .pro_fls dl{ width:910px; background:#ececec}
.pro_r .prev,.pro_r .next{ width:45px; height:68px; display:block; position:absolute; opacity: 0.8;z-index:999;}
.pro_r .prev{ left:20px; top:290px;  background:url(../aaa/btn1.png) no-repeat; z-index:99999; display:block; }
.pro_r .next{right:20px; top:290px; background:url(../aaa/btn1.png) no-repeat -45px 0;}
.pro_r .prev:hover{ background:url(../aaa/btn1.png) no-repeat 0 -68px; z-index:99999;}
.pro_r .next:hover{ background:url(../aaa/btn1.png) no-repeat -45px -68px; z-index:99999;}
.pro_r dt{ width:910px; height:600px;}
.pro_r dt img{display: block; width: 800px; height: 600px; margin-left:55px;}
.pro_r dd {background: #ececec; padding: 24px;  position: relative; zoom: 1; width:862px;}
.pro_r dd em{font-size: 18px; width: 712px; display: block;white-space: nowrap;text-overflow: ellipsis;  overflow: hidden; }
.pro_r dd em a{ font-size: 18px; color:#2a7dc9; font-weight:bold}
.pro_r dd p{font-size: 13px; line-height: 24px; color: #333; height: 48px; overflow: hidden; border-top: 1px solid #d2d2d2; padding-top: 8px; margin-top: 8px;}
.pro_r dd p a{ font-weight: bold; color:#ff6000 }
.pro_r dd span a{ display: block; width: 120px; height: 32px; line-height: 32px; background: #0577D8; text-align: center; font-size: 14px;  color: #fff;  position: absolute; right: 0; bottom: 0; }
.pro_r dd span a:hover{text-decoration: none;}
.tjbj{ background:url(../im/commendicon1.png) no-repeat right top; width:200px; height:200px; position: absolute;  min-height:150px; line-height:150px; z-index:9990; right:0 }
.hotline{background: #ebebeb; font-size: 15px; color: #333; padding:10px 20px;}
.hotline p{ border-top: 1px solid #ebebeb; background:url(../im/tel.png) no-repeat 10px 14px #fff; padding:10px 10px 10px 60px; display:block;}
.hotline span{padding-left: 8px; }
.hotline b{ display: block; font-size: 20px; padding-top: 5px; color:#db0c02 }
/*首页图片*/
.bg32{ background:url(../im/jidi_bg.jpg) repeat-x top; width:100%; text-align:center; margin-top:20px; padding-bottom:20px;}
.jidi_bg{height: 632px; padding:10px 0 0;font-size: 0;overflow: hidden;}

.jidi_l{width: 368px;position: relative;}
.jidi_l ul li{width: 368px;height: 100px; padding:2px 0 0;}
.jidi_l ul li a{ background:url(../im/jidi_lbg02.gif) no-repeat;display: block;width: 368px;height: 100px;text-align: center;line-height: 100px;overflow: hidden;font-size: 18px;color: #fff;}
.jidi_l ul li.cur a,.jidi_l ul li a:hover{ background:url(../im/jidi_lbg01.gif) no-repeat;}
.jidi_l p{font-size: 16px;color: #333;line-height: 26px;overflow: hidden;width: 279px;height: 134px;background: #fff; border-bottom:#c3c3c3 1px solid; border-left:#c3c3c3 1px solid; border-right:#c3c3c3 1px solid; padding:22px 35px 0;}
.jidi_l p img{ width:279px; height:120px;}
.jidi_r{width: 812px;height: 612px;}
.jidi_r p{width: 60px;height: 106px;position: absolute; z-index:99;}
.jidi_r p a{display: block;width: 60px;height: 106px;}
.jidi_r .jidi_lico{top: 247px;left: 0;}
.jidi_r .jidi_rico{top: 247px;right: 0;}
.jidi_r .jidi_lico a{ background:url(../im/jidi_lico01.png) no-repeat;}
.jidi_r .jidi_lico a:hover{ background:url(../im/jidi_lico02.png) no-repeat;}
.jidi_r .jidi_rico a{ background:url(../im/jidi_rico01.png) no-repeat;}
.jidi_r .jidi_rico a:hover{ background:url(../im/jidi_rico02.png) no-repeat;}
.jidi_r ul li{width: 812px;}
.jidi_r ul li img{width: 800px;height: 600px; border:#fff 6px solid;}

#foot{ width:100%; text-align:center; background:url(../im/foot.jpg) no-repeat top center; padding-bottom:10px}
.logo-di{ padding:43px 0px 40px 230px; width:960px; text-align:left; height:60px; line-height:30px; color:#aaa9a9; font-size:28px; background:url(../im/logo-di.png) no-repeat 0px 40px;}
.logo-di p{ font-size:16px; color:#aaa9a9; line-height:30px;}
.di-dh{ border-bottom:1px solid #aaa9a9; border-top:1px solid #aaa9a9; width:100%; text-align:center; padding:20px 0}
.di-dh a{ color:#aaa9a9; font-size:16px; margin:0px 10px;}
.di-body{ text-align:center; color:#aaa9a9; padding:25px 0; font-size:16px; line-height:30px; background:url(../im/wxdi.png) no-repeat 0px 25px; min-height:120px;}
.di-body a{color:#aaa9a9;font-size:16px; line-height:30px}
.links{ width:100%; text-align:left}
.links,.links a{ color:#aaa9a9}
