﻿@charset "utf-8";

/*本样式内必加*/
/***客服***/
.b15 {background: url(img/skinsvibtn.jpg) no-repeat; border:0; cursor: pointer; overflow:hidden; }
.b15 { background-position:-79px -650px; width:60px; height:24px; line-height:24px; color:#fff; font-size:14px; font-weight:bold; }
/*rollup.css*/
#roll_top,#fall,#ct{position:relative;cursor:pointer;height:88px;width:26px; margin-top:150px;}#roll_top{background:url(img/top.gif) no-repeat}#fall{background:url(img/top.gif) no-repeat 0 -80px}#ct{background:url(img/top.gif) no-repeat 0 -40px}#roll{display:block;width:15px;margin-right:-518px;position:fixed;right:50%;top:50%;_margin-right:-505px;_position:absolute;_margin-top:300px;_top:expression(eval(document.documentElement.scrollTop))}
/***IM CSS***/
.ImTable *{padding:0px;margin:0px}
.ImTable{border-collapse:collapse;border:none;background:url(img/bg.gif)}
.ImTable h2{font-size:14px;font-weight:bold;margin-top:5px}
.ImHeader{height:165px;background:url(img/im_01.gif)}
.ImRow0{background:url(img/ico_item1.gif) no-repeat;margin:10px 10px 0;height:24px;padding-left:10px;padding-top:4px; line-height:24px; overflow:hidden; }
.ImRow1{background:url(img/ico_item1.gif) no-repeat;margin:10px 10px 0;height:24px;padding-left:10px;padding-top:4px;}
a.im,a:hover.im{text-decoration:none;height:35px;color:#004DB5; font-size:12px;}
.ImFooter{height:213px;background:url(img/im_04.gif) no-repeat; display:inline-block; width:150px;font-family:Arial,Helvetica,sans-serif;}
.ImFooter h5{font-size:14px;font-weight:normal; color:#fff;text-align:center;margin:15px 0 0;font-family:'宋体';}
.ImFooter p{font-size:20px;font-weight:bold;  color:#fff;text-align:center;margin:10px 0;}

/*弹出框*/
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}
.b15 {background: url(img/skinsvibtn.jpg) no-repeat; border:0; cursor: pointer; overflow:hidden; }
.b15 { background-position:-79px -650px; width:60px; height:24px; line-height:24px; color:#fff; font-size:14px; font-weight:bold; }


/*全屏FLASH*/
#flashs{ position:relative; height:428px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0;left:0;}
#flashs .btn{ position:absolute; z-index:7; bottom:25px; right:46%; margin-right:-450px; padding:5px 6px;z-index:101}
#flashs .btn span{ color:#C30101;  background:#fff; border:1px solid #C30101; cursor: pointer;display: inline-block;margin-left: 5px;padding:2px 6px;}
#flashs .btn span.cur{ background:#C30101; color:#fff;}
/*reset*/
html{color:#000;background:#FFF; overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:bottom;background-color: #88bb42;border-radius: 50%;color: white;  font-size: 12px;
    border-radius: 50%;
   
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;}
sub{vertical-align:baseline;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body { color:#666;font:12px/1.231 "Microsoft Yahei",arial,helvetica,clean,sans-serif;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
.txtboxcs{ border:solid 1px #ccc; height:22px;}
/*本样式内必加结束*/

/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

/* -- 外边距 -- */
.mt10 { margin-top:10px;}
 
 
 @charset "utf-8";
a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { text-decoration:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}

/*--搜索--*/
.search{height: 76px;border-bottom:1px solid #e9e9e9;}
.search p{float: left;height: 76px;line-height: 76px;font-size: 14px;color: #1856a3;}
.search p a{margin-right:15px;color: #666;font-size: 14px;}
.s_box{float: right;width: 320px;height: 42px;background: #f3f3f3;margin-top: 17px;border-radius: 2px;}
.s_box .input1{float:left;width:250px;padding-left: 20px;height:42px;line-height: 42px;font-size:14px;color:#333;border:0;background: none;outline: 0;}
.s_box .input2{float: left;width:24px;height: 42px;border: 0;background: url(img/search.png) no-repeat center;outline: 0;cursor: pointer;}
/* -- 页面整体布局 -- */
.header , .content , .footer { width:1200px; margin:0 auto; overflow:hidden; }
.left { width:201px; float:left; overflow:hidden;}
.left2 { width:670px; float:left; overflow:hidden;}
.left3 { width:754px; float:left; overflow:hidden; color:#666;}
.lefttop { background:url(img/left_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-top:10px;}
.left2top { background:url(img/left2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.leftbot { background:url(img/left_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot { background:url(img/right_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px; }
.right { width:754px; float:left; display:inline; margin-left:5px; overflow:hidden;}
.right2 { width:275px;  float:right; overflow:hidden;}
.right3 { width:201px; float:right; overflow:hidden; color:#666;}
.righttop { background:url(img/right_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.right2top { background:url(img/right2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.rightbot { background:url(img/right_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}
.right2bot { background:url(img/left_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}
.right_main { width:752px; min-height:458px; border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;}
.right2_main { width:273px; border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;}
.left2_main { width:668px;  border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;}
.h_nav li a:-webkit-any-link{ display:block;}

/*头部开始*/
/*css2 开始*/
.h_wrap{background:url(img/hdw.gif) left bottom repeat-x;height:180px; overflow:hidden;margin:0 auto;}
.h_mid{height:91px;padding:40px 0 0; overflow:hidden; font-family:"Microsoft YaHei";}
.h_mid .logo{float:left;}
.h_mid .logo img{ display:block;}
.h_tel{padding:5px 0 0 70px; font-size:14px; color:#333;overflow:hidden;background:url(img/hd_tel.jpg) left top no-repeat;}
.h_tel b{font-size:28px; color:#e60000; display:block;}
.h_nav{height:49px; line-height:49px; overflow:hidden; clear:both;}
.h_nav ul{width:775px; overflow:hidden; float:left;}
.h_nav li{ float:left;font-size:14px;position:relative;font-family:"Microsoft YaHei";}
.h_nav li a{display:inline-block;color:#fff;padding:0 14px; }
.h_nav li.lispan a{padding:0 14px 0 30px;background:url(img/hd_n_ic.png) 5px 17px no-repeat; display:inline-block;}
.h_nav li:hover,.h_nav .cur{ text-decoration:none;color:#fff;background:#f4f507;background:url(img/hd_n_c.jpg) center top no-repeat;}

/*sch*/
.h_sea{line-height:23px;padding:13px 0 0; width:224px;overflow:hidden;} 
.s_inp{width:181px;font-family:"Microsoft YaHei";line-height:23px;height:23px;padding:0 0 0 13px;color:#999;border:none;background:url(img/sch_ip.gif) left top no-repeat;}
.s_ss{margin:0 0 0 -4px;background:none;border:none;}
/*css2 结束*/
            
/*头部结束*/

/*底部开始*/
.ftWrap{height:320px;margin:0 auto;font-family:"Microsoft YaHei";background-color: #092242;}
.ftWrap .footer{width: 100%;height: 300px;}
.ft_lg{ z-index:3;}
.ft_nav{ text-align:center;color:#fff;overflow:hidden;}
.ft_nav a{color:#fff;display:inline-block;width: 146.5px;font-size: 15px;height:80px;
line-height: 80px;}
.ftWrap ul {padding:27px 0 0 18px;margin:0 0 0 415px;color:#666;background:url(img/ft_l.png) left 38px no-repeat;}
.ftWrap ul li{line-height:26px;}
.ftWrap ul span{ display:inline-block;margin:0 14px;}

            
/*底部结束*/



/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
/*ban*/
.ban{ clear:both;}
.ban a{ display:block;height:428px; overflow:hidden; background:url(img/ban.jpg) center top no-repeat;}


/*wt*/
.wt{font-family:"Microsoft YaHei";margin:38px 0 0;height:460px; overflow:hidden;}
.wt h3{height:114px; overflow:hidden;text-align:center; font-family:"Microsoft YaHei";margin-bottom: 20px;}
.wt h3 p{ line-height:55px;height:55px; overflow:hidden; font-size:33px; color:#187edd;}
.wt h3 p b{ color:#000;}
.wt h3 span{ display:block;line-height:26px; font-weight:100; color:#666; font-size:16px; line-height:24px;}
.wt_c dl{ float:left; display:inline;width:290px; overflow:hidden;margin:0 10px 0 0;}
.wt_c .lst{margin:0;}
.wt_c dt img{display:block;width:100%; overflow:hidden; vertical-align:top;}
.wt_c dd h4{font-family:"Microsoft YaHei"; font-weight:100; text-align:center; line-height:50px;height:50px; overflow:hidden; font-size:16px;}
.wt_c dd{margin-top:10px;}
.wt_c dd h4{border:1px solid #a7a7a7;}
.wt_c dd h4 a{ color:#0a0909;display: block;width: 100%;}
.wt_c dl:hover dd h4 a{background-color: #1856a3;color:#FFF;border: 1px solid #1856a3;text-decoration:none;}
.wt_c dd p{ line-height:23px; color:#666;padding:0 10px 0 8px; text-align:justify;height:75px; overflow:hidden;}
.wt_c dd span a{ display:inline-block;margin:0 0 0 85px;padding:0 0 0 21px;width:95px; line-height:30px;height:30px; overflow:hidden; font-size:12px; color:#187edd;background:url(img/st_bt.gif) left top no-repeat;}


/*wt 结束*/
            

/*box*/
.box{padding:49px 0 0;height:625px; overflow:hidden; background:#f0f0f0;}
.lf_n{width:218px; overflow:hidden; font-family:"Microsoft YaHei"; background:#fff;}
.lf_n h2{padding:35px 44px 0 0; font-weight:100; text-align:right;height:66px;background:url(img/lf_n_t.gif) left top no-repeat;}
.lf_n h2 span{ display:block; line-height:30px;height:34px; font-size:26px; color:#fff; }
.lf_n h2 i{ display:block; line-height:16px;font-size:16px; color:#e89999;text-transform:uppercase; font-family:Arial;}
.lf_n ul{padding:8px 0 0;}
.lf_n li{ vertical-align:top; overflow:hidden; line-height:53px;height:52px; border-bottom:1px #f0f0f0 solid;padding:0 0 0 42px;}
.lf_n li a{ display:block;padding:0 0 0 22px; font-size:16px; color:#333;background:url(img/lf_n_ic1.gif) left 23px no-repeat;}
.lf_n li a:hover{ color:#187edd; text-decoration:none;background:url(img/lf_n_ic2.gif) left 23px no-repeat; font-weight:bold;}
.lf_n p{padding:18px 0 0 36px;height:68px; overflow:hidden; color:#fff;background:url(img/lf_n_ad.jpg) left top no-repeat;}
.lf_n p span{ display:block;padding:0 0 0 45px; line-height:24px;height:24px; overflow:hidden;
background:url(img/lf_n_tel.jpg) 18px 3px no-repeat; font-size:14px;}
.lf_n p b{ font-size:24px; color:#fff; font-family:Arial;}
.qiehuan{ position:relative; overflow: hidden;
    width: 762px; float:right;}
.box dl{width:762px; overflow:hidden;}
.box dt{ position:relative;height:397px;width:762px; vertical-align:top; overflow:hidden; }
.box dt span img{display:block;width:762px;height:397px; overflow:hidden;}
.qiehuan .tol{left:0;top:200px; z-index:2;}
.qiehuan .tor{right:0;top:200px; z-index:2;}
.box dd{padding:7px 18px 0 24px; border-bottom:2px #187edd solid;height:159px; overflow:hidden; background:#fff; position:relative;}
.box dd h4{font-family:"Microsoft YaHei"; font-weight:100;padding:2px 0 0; line-height:38px;height:38px; overflow:hidden; font-size:14px; border-bottom:1px #c4c4c4 dashed;}
.box dd h4 a{ color:#333; display:inline-block;padding:0 16px 0 0;background:url(img/pro_ic.gif) right 16px no-repeat;}
.box dd p{font-family:"Microsoft YaHei";  border-bottom:1px #c4c4c4 dashed;padding:13px 0 0; line-height:22px;height:59px; overflow:hidden;}
.box dd .morexx { position: absolute; right:20px; top:100px;}
.box dd span{font-family:"Microsoft YaHei"; text-transform:uppercase; padding:2px 0 0; text-align:center; line-height:48px;height:48px; overflow:hidden; font-size:12px;color:#000;}
.box dd span b{font-weight:100; font-size:14px; color:#187edd;}
.box dd span a{ float:right;color:#187edd;}



/*cor*/
.cor{height:410px;padding:43px 0 0; font-family:"Microsoft YaHei";}
.cor h3{height:108px;padding:0 0 0 300px;}
.cor h3 i{ float:left; display:inline-block;margin:0 3px 0 0; font-style:italic; font-family:Arial; font-size:80px; color:#a5a5a5; text-transform:uppercase; font-weight:100;}
.cor h3 p{ padding:16px 0 0;float:right;}
.cor h3 b{ display:inline-block;height:30px;  text-transform:uppercase; font-weight:100;font-style:italic; font-family:Arial; font-size:30px;color:#a5a5a5;margin:0 0 0 15px;}
.cor h3 span{ font-size:26px;color:#187edd; display:inline-block;}
.cor h3 a{width:419px; display:inline-block;padding:0 36px 0 0;background:url(img/why_ic.jpg) right 24px no-repeat;}
.cor_c{ clear:both;}
.cor_c li{ text-align:center; float:left;width:140px;padding:0 80px 0 0;margin:0 65px 0 0; display:inline;
background:url(img/why_l.gif) right 15px no-repeat;}
.cor_c li p img{width:136px;height:136px;overflow:hidden; display:block; vertical-align:top;}
.cor_c li p{ position:relative;width:136px;height:136px;}
.cor_c li p i img{ position:absolute;left:0;top:0; z-index:1;}
.cor_c li p em img{ position:absolute;left:0;top:0; z-index:-1;}
.cor_c li b{ display:block;padding:20px 0 0; line-height:28px;height:28px; overflow:hidden; font-size:16px; color:#333;}
.cor_c li span{ display:block; line-height:24px;height:45px; overflow:hidden; font-size:14px; color:#666;}
.cor_c li img{margin:0 auto;}          
.cor_c .lst{margin:0;padding:0; background:none;}
.cor_c li a:hover i img{ z-index:-1;}
.cor_c li a:hover em img{ z-index:1;}


/*inf*/
.inf{overflow:hidden;font-family:"Microsoft YaHei"; width: 100%;margin:0 auto;height: 700px;}
.inf_l{width:376px; overflow:hidden;}
.inf_l dl{width:376px;verflow:hidden;}
.inf_l dt img{display:block;width:376px;height:228px;overflow:hidden; vertical-align:top;}
.inf_l dt{height:235px;overflow:hidden; }
.inf_l dl dd h4{ text-align:center; line-height:40px;height:40px; font-size:14px; font-weight:100; font-family:"Microsoft YaHei";}
.inf_l dl dd a{color:#000;}
.inf_l dl p{ line-height:22px;color:#666;height:45px; overflow:hidden;}
.inf_l dl p a{color:#187edd;}
.inf_r{width:623px; overflow:hidden;}

.inf_r .inf_t{margin:0 0 0 58px;}
.inf2_c{ clear:both;}
.inf2_c dl{width:565px;height:112px;padding:0 0 0 58px; overflow:hidden;}
.inf2_c dt img{display:block;width:146px;height:88px; overflow:hidden;}
.inf2_c dt{ float:left;}
.inf2_c dl dd{width:405px;overflow:hidden; float:right;}
.inf2_c dl dd h4{ font-weight:100; line-height:20px;height:32px; font-size:14px; font-family:"Microsoft YaHei";}
.inf2_c dl dd h4 a{color:#000;}
.inf2_c dl p{ line-height:22px;color:#666;height:45px; overflow:hidden;}
.inf2_c dl p a{color:#187edd; font-size:12px; text-transform:uppercase;}
.inf2_c ul{width:623px; overflow:hidden; clear:both;}
.inf2_c ul li{ overflow:hidden;  float:left; display:inline;margin:0 0 0 58px;width:217px; overflow:hidden; line-height:30px;height:30px;padding:0 0 0 30px;background:url(img/inf_ic.gif) left 6px no-repeat;}
.inf2_c ul li a{color:#666;}

/*ban*/
.kn_img{ clear:both;}
.kn_img a{ display:block;height:430px; overflow:hidden; background:url(img/kn_img.jpg) center top no-repeat;}


/*lnk*/
.lnk{height:178px;overflow:hidden;background:url(img/link_bg.gif) center 15px no-repeat;}
.lnk h3{ font-family:"Microsoft YaHei";line-height:32px;height:50px; text-align:center;}
.lnk h3 span{ text-transform:uppercase; font-size:20px; color:#187edd;margin:0 0 0 12px; font-weight:100;}
.lnk h3 a{ font-size:20px; color:#000;}
.lk_c{font-family:"Microsoft YaHei";  line-height:20px; height:66px; overflow:hidden;word-spacing:-11px;}
.lk_c a{ display:inline-block;padding:0 15px;color:#666;}
.lnk span a{ margin:0 0 0 433px;display:inline-block;padding:0 0 0 13px;width:134px;background:url(img/link_bt.gif) left top no-repeat; font-size:14px;color:#fff; font-family:"Microsoft YaHei"; line-height:27px;}       


/**/



/**/



/**/



/**/



/**/



/**/



/**/



/**/

@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}

/*rd*/
.rd{ clear:both;padding:10px 0 0;height:220px; overflow:hidden;font-family:"Microsoft YaHei"; }
.rd h3{height:70px;line-height:74px;overflow:hidden;background:url(img/rd_tl.gif) center 34px no-repeat; text-align:center; font-family:"Microsoft YaHei";}
.rd h3 a{ overflow:hidden; font-size:20px; color:#187edd;}
.rd h3 b{ color:#000; }
.rd li{ clear:both;padding:10px 0 0;line-height:32px;}
.rd li b{font-family:"Microsoft YaHei"; display:inline-block;padding:0 0 0 20px;width:85px; float:left; font-size:16px; color:#333;background:url(img/rd_ic.jpg) left 9px no-repeat; }
.rd li p{width:895px; overflow:hidden; float:right;}
.rd li p a{ display:inline-block;padding:0 20px;background:url(img/rd_l.gif) right 10px no-repeat;}
.rd li p .lst{ background:none;}
.rd li p span a{color:#187edd; background:none;padding:0 0 0 20px;}

.rd2{ background:#FFFFFF;}
/**/
.bread { height:38px; line-height:38px;  margin-bottom:47px;background:url(img/bread_l.gif) left 37px repeat-x;  }
.bd_con { width:1002px; margin:0 auto; height:38px;}
.bd_lt { float:left; margin-top:3px;}
.bd_rt { float:right; color:#606060; font-size:14px; font-family:"Microsoft Yahei";}
.bd_rt a {color:#606060; display:inline-block; margin:0 2px;}
.bd_rt em { color:#c30101; display:inline-block; margin:0 2px; font-style:normal;}
.bread1{margin-top:26px;}
.bread2 .bd_lt { margin-top:2px;}

.inf_t{ font-family:"Microsoft YaHei";height:60px; line-height:37px; overflow:hidden;background:url(img/inf_l.gif) left 37px repeat-x;}
.inf_t h3{ float:left; border-bottom:4px #187edd solid;}
.inf_t h3 a{ display:inline-block; overflow:hidden; font-size:20px; color:#187edd;}
.inf_t h3 a b{color:#000;}
.inf_t .fr{ display:inline-block;padding:0 23px; color:#333;background:url(img/more_ic.gif) right 12px no-repeat;}

.pro_t{font-family:"Microsoft YaHei";margin:0 0 0 22px; line-height:44px;height:44px; overflow:visible;background:url(img/pro_l.gif) left 43px no-repeat; 
}
.pro_t2{background:url(img/cpxx_l.gif) left bottom no-repeat; margin:0;}
.pro_t3{background:url(img/ctc_l2.gif) left bottom no-repeat; margin:0;}
.pro_t h3{ float:left; font-weight:100;}
.pro_t h3 a{ font-weight:100;font-size:24px; color:#d40000;}
.pro_t h3 span{ text-transform:uppercase;margin:0 0 0 8px; font-size:16px; color:#999; font-family:Arial;}
.pro_t p{ float:right;padding:33px 0 0; line-height:0; font-size:0;width:86px; text-align:right;}
.pro_t p a{ border-left:1px #fff solid;}


.pages { text-align:center; font-family:"Microsoft Yahei";}
.pages a { display:inline-block; vertical-align:top;}
.pages a:hover { text-decoration:none;}
.pages .pre,.pages .next { width:45px; height:30px; background:#d0d0d0; border:1px solid #d0d0d0; text-align:center; line-height:30px; color:#fff; font-size:24px; font-family:"宋体"; margin:0 3px;}
.pages span a { width:27px; height:30px; line-height:30px; text-align:center; color:#929292; font-size:16px; border:1px solid #d8d9dd; margin:0 3px;}
.pages span a:hover { background:#d40000; border:1px solid #d40000; color:#fff;}



.rec{ font-family:"Microsoft YaHei";clear:both;padding:23px 0 0;height:445px; overflow:hidden;}
.rec h3{background:url(img/rec_l.gif) center 27px no-repeat; line-height:60px;height:60px; text-align:center; font-size:20px;}
.rec h3 a{ color:#187edd;}
.rec li{ float:right; display:inline;margin:0 0 15px 18px; border:1px #ececec solid;}
.rec li a{ display:block; position:relative;width:232px;height:164px;}
.rec .rec1 a{ display:block; position:relative;width:491px;height:345px;}
.rec li img{ display:block; vertical-align:top;padding:5px;}
.rec li p{ text-align:center;padding:20px 20px 0; color:#fff;font-size:14px;width:183px; height:134px; position:absolute;left:5px;top:5px; z-index:-1;
background:url(img/rec_img_bg.png)}
.rec li p b{ text-align:center; display:block; line-height:32px;height:32px;}
.rec .rec1 p b{height:42px;}
.rec li p span{ text-align:left;display:block; line-height:26px;height:58px; overflow:hidden;}
.rec li p i{ display:inline-block; text-align:center; font-style:normal;width:127px;height:27px; border:1px #fff solid; font-size:20px; font-family:"Microsoft YaHei";margin:0 auto;}

.rec .rec1 p{width:441px;height:274px;padding:60px 20px 0;}
.rec .rec1{ float:left;margin:0;}
.rec li a:hover p{ z-index:3;}


/*imp*/
.imp{padding:42px 0 0;height:555px; overflow:hidden; background:#f1f1f1; font-family:"Microsoft YaHei";}
.imp h3{height:86px; overflow:hidden;text-align:center;}
.imp h3 b{ line-height:31px;height:31px; overflow:hidden; font-size:30px; color:#a5a5a5; font-style:italic; text-transform:uppercase; font-weight:100;} 
.imp h3 span{ display:block;line-height:34px;color:#187edd; font-size:26px;background:url(img/imp_l.gif) center 19px no-repeat; }
.imp li{ float:left; text-align:center;}
.imp1{width:253px; overflow:hidden; border-right:1px #fff solid;}
.imp2{width:423px; overflow:hidden;border-right:1px #fff solid;}
.imp3{width:324px; overflow:hidden;}
.imp1 h4{ line-height:204px;height:204px; color:#fff; font-weight:100;background:url(img/imp_bg.gif) center top no-repeat; font-size:30px; }
.imp img{ display:block; vertical-align:top;}
.imp1 h4 a{ color:#fff;}
/**/

    .QQzxjt{ position:fixed; right:23px; top:490px; z-index:99999;}
.m_ldgy {
    position: absolute;
    width: 260px;
}
.m_ldgy p {
    background: url(img/ldico.jpg) no-repeat 20px 6px;
    color: #444444;
    font-size: 14px;
    line-height: 26px;
    padding-left: 46px;
}.m_ld5 {
    left: 0;
    top:558px;
}.m_ld1 {
    left: 0;
    top: 215px;
}.m_ld2 {
    left:892px;
    top: 217px;
}
.m_ld3 {
    left: 0;
    top: 390px;
}.m_ld4 {
    left:892px;
    top:395px;
}.m_ld6 {
    left: 892px;
    top: 562px;
}
.tit {
    background: url(img/ldtit.jpg) no-repeat center 135px;
    height: 120px;
    padding-top: 45px;
    text-align: center;
}
.tit a {
    color: #222;
    font-size: 33px;
    font-weight:bold;
}
.m_ldgy h3 {
    color: #1856a3;
    font-size: 20px;
    font-weight: bold;
    height: 56px;
    line-height: 56px;
    margin-bottom: 12px;
    padding-left: 60px;
}
.tit b {
    color: #1856a3;
    font-weight: bold;
}
.tit em {
    color: #a7a7a7;
    display: block;
    font-size:14px;
    padding-top: 5px;
    font-weight: normal;
}
.f_pr {
    position: relative;margin: 0 auto;
    width: 1200px;
}
.g_ld {
    background: url(img/ldys.png) no-repeat center 70px;
    height: 810px;
}
/*menu*/
.navigation{ position:relative;  z-index:999;width:900px; margin:0 auto;}
.nav {}
.nav .mainlevel { float:left; width:112px; height:100px; }
.nav .mainlevel a { display:block; background-color:white; color:#1e1e1e;  line-height:100px; font-size:14px; text-align:center;  }
.nav .mainlevel .no_l_bor{border-left:none;}
.nav .mainlevel .no_r_bor{ border-right:none;}
.nav .mainlevel a:hover , .nav .mainlevel .hover{color:#1856a3; text-decoration:none; font-weight: bold;}
.nav .mainlevel ul {display:none; position:absolute; }
.nav .mainlevel li { background:#f0f0f0; width:333px;}
.nav .mainlevel li a{ line-height:35px;font-size:14px; font-weight:100;  text-align:left;text-indent:20px; border:none; background:url(img/arrow.png) no-repeat 5px 13px;}
.nav .mainlevel li a:hover{ color:#fff; background:#187edd url(img/w_arrow.png) no-repeat 5px 13px;}

.nav_dark{ background:url(img/nav_dark.png) no-repeat top center; height:15px;}

.hot_line{text-align:right; float:right; font-size:24px; color:#3399FF; line-height:34px;}

/* banner */
/* .slides ul,.slides li{padding:0px;margin:0px;list-style-type: none; z-index:0;}
.slides { OVERFLOW: hidden; width: 100%;  position: relative;height:600px; }
.slide-pic {OVERFLOW: hidden;}
.slide-pic IMG { border:none;width: 100%;height: auto;}
.slide-pic li {display: none}
.slide-pic li.cur {display: block}
.slide-li { position: absolute; bottom:15px; left:476px;}
.slide-li li {float: left; width: 12px; liNE-HEIGHT: 12px; MARGIN-RIGHT: 1px; HEIGHT: 12px; TEXT-AliGN: center; margin-right:5px;}
.slide-li A {display: block; FONT-SIZE: 12px; width: 20px; color: #c31414; text-decoration:none; text-indent:-9000px; }
.slide-li .cur A {color: #ffffff; }
.slide-li A:hover {color: #ffffff;}


.op li {BACKGROUND: #fff;  FILTER:alpha(opacity=100);opacity: 1}
.op li.cur {BACKGROUND:#187edd;}
.slide-txt SPAN {display: none}
*/
 .hp_top_bg{ }
.in_top_bg{background:url(img/main_bg.jpg) repeat-x top left; height:210px;}
 .header ,.news_area ,.multiple_area ,.postion_list ,.information_area ,.pagination_top ,.pagination_bottom ,.key_words_search{ }
 .search_box{ height:36px; border:1px solid #bfbfbf; float:left;line-height:36px; background:#FFFFFF}
.search_txt{ height:34px; line-height:34px ; float:left; width:120px; padding-left:5px;border:none; font-size:14px; color:#9b9b9b}
.search_btn{ height:36px; width:45px; background:url(img/search_btn.gif) no-repeat; border:none;}
.logo{ width:279px; height:39px; background:url(img/logo.png) no-repeat left top; float:left;}
.logo a{width:279px; height:39px; display:block;}
.function_key {
    float: right;
}
.page_top {background:url(img/bj1.png) no-repeat ;background-size: 100% auto; height: 38px;width:100%; display: none;
}
.zz {width:100%; margin:0 auto;
}

*/

/* 产品  */
.g_pro{padding-top: 60px;height: 926px; background:#f5f5f5 ;}
.g_pro .m_left{float: left;width: 280px;height:1150px;background: #fff;}
.g_pro .m_left h2{height: 70px;background: #1856a3;padding: 30px 20px 20px 66px;font-size: 30px;line-height: 35px;}
.g_pro .m_left h2 a{color: #fff;}
.g_pro .m_left h2 em{display: block;font-size: 14px;color: #90abe2;font-weight: normal;text-transform: uppercase;font-family: arial;}
.g_pro .m_flc{background: #fff; position: relative;height: 1050px;border: 1px solid #eee;}
.g_pro .m_left h3{height: 56px;line-height: 56px;font-weight: normal;    padding: 0 20px 20px;width: 100%;
    box-sizing: border-box;}
.g_pro .m_left h3 a{display: block;height: 56px;line-height: 56px;padding-left: 40px;font-size: 16px;color: #666666;background:url(img/flh3.jpg) no-repeat 0 20px;border-bottom: 1px solid #e3e3e3;}
.g_pro .m_left h3 a:hover,.g_pro .m_left .cur a,.g_pro .content .m_flc h3 #chk1{background:url(img/flh3h.jpg) no-repeat 0 20px;font-weight: bold;text-decoration: none;}
.flst{padding: 12px 0 12px 40px;border-bottom: 1px solid #e3e3e3;}
.flst li{height: 26px;line-height: 26px; overflow: hidden;font-family: 14px;}
.m_flc ul{ display:none;}
.m_flc ul li a:hover{color: #0f61cd;text-decoration: none;}
.m_flc #chk1_chkul{ display:block;}
.tels{ text-align:center; margin-top:15px;font-size:18px; line-height:30px;position:absolute; bottom:0; left: 0;}
.tels em{ color:#fff; font-size:19px;}
.flst li a{font-size: 14px;color: #666;padding-left: 20px;
    box-sizing: border-box;
  }
.m_cp{float: right;width: 875px;height: 860px; padding: 13px 13px 0; background: #fff;}
.m_cp h3{height: 34px;line-height: 34px; background:url(img/cptit.jpg) no-repeat 0 9px;margin-bottom: 13px; padding-left: 30px;}
.m_cp h3 a{font-size: 16px;color: #444444;font-weight: bold;}
.m_cp h3 em{color: #999999;font-weight: normal;}
.m_cp h3 span{float: right; padding-top: 11px;}
.g_pro .tjcp{background:url(img/tjcpbg.jpg) no-repeat;width: 100%; height: 500px;
    padding: 50px 20px 0 50px;
    background-size: 100% auto;
    box-sizing: border-box;}
.g_pro .u_cplst{float: left;}
.g_pro .u_cplst dt{float: left; width:300px; position: relative;}
.g_pro .u_cplst dt img{width: 320px;display: block;}
.g_pro .u_cplst dd{float: left; width: 280px; padding-top: 34px;}
.g_pro .u_cplst dd h4{height: 42px;line-height: 42px; margin-bottom: 14px;}
.g_pro .u_cplst dd h4 a{color: #222222; font-size: 32px;font-weight: bold;}
.g_pro .u_cplst dd p{color: #666666; font-size: 14px;line-height: 24px; height: 72px; overflow: hidden;}
.g_pro .u_cplst dd span{display: block;margin-top: 30px;}
.g_pro .u_cplst dd span a{display: block;float: left;margin-right: 13px;}
.g_pro .u_ljt,.g_pro .u_rjt{ width:35px; height:87px; position: absolute; cursor:pointer;  display:block;}
.g_pro .u_ljt{left:6px;top:168px;}
.g_pro .u_rjt{right:6px;top:168px;}
.g_pro .u_ljt a{ background: url(img/ljt.png) no-repeat; width:35px; height:87px; display:block;}
.g_pro .u_rjt a{ background: url(img/rjt.png) no-repeat; width:35px; height:87px; display:block;}
.g_pro .u_ljt a:hover,.g_pro .u_rjt a:hover{background-position: -35px 0;}
.g_pro .u_lst1{border-right: 1px solid #e3e3e3;}
.g_pro .u_lst1 li{ width: 237px;float: left;height: 285px;border: 1px solid #e3e3e3; border-right: none;}
.g_pro .u_lst1 .lastli{margin-right: 0;}
.g_pro .u_lst1 li img{ width: 237px; height: 243px;display: block; }
.g_pro .u_lst1 li span{display: block;width: 200px;height: 40px;line-height: 40px;overflow: hidden; margin: 0 auto;border-top: 1px solid #e3e3e3;background: url(img/cpico.jpg) no-repeat right 9px; font-size: 14px;color: #666;text-align:center;}
.gt{margin: 0 auto;overflow: hidden;width: 1060px;}
.zb{ float:left;width: 665px;}
.yb{float: left;width: 390px;}
.cj{overflow: hidden;width: 1060px; margin-top:30px;}
.cj p{ font-size:18px; line-height:40px; margin-top:10px;}


/*内页css*/
.page_top .tb{overflow: hidden;width:1200px;margin:0 auto;padding-left: 10px;background-color: #3a3a3a;}
.page_top .tb .tz{float:left;font-size: 12px;color:#e2e2e2;line-height: 38px;}
.page_top .tb .ty{float:right;}
.page_top .tb .ty a{display: inline-block;line-height: 38px;margin-left: 10px;color:#e2e2e2;}
.page_top .tb .ty a img{display: inline-block;margin-right:2px;line-height: 40px;width:12px;}
.hp_top_bg .navz{overflow: hidden;width:1200px;margin:0 auto;}
.hp_top_bg .navz .nz{float: left;width:266px;height:100px;} 
.hp_top_bg .navz .nz img{width: 220px;}
.hp_top_bg .navz .navigation{float: right;} 
.mySwbox-main{
        background-color: #f4f4f4;
    }
    .mySwbox{
        max-width: 1400px;
        margin: 0 auto;
        position: relative;
        padding: 35px 10px 0;
        width: 850px;
        height: 100%;
       
    }
    .titlebox{
    width: 100%;
    
    
    z-index: 10;
    }
    .titlebox .section-title1{
        color: #333333;
    font-size: 26px;

    }
    .titlebox .section-title1 p{color:white;}
    .titlebox strong{
        display: block;
    font-weight: bold;
    padding-bottom: 30px;
    font-size:30px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    position: relative;
    }
    .titlebox strong::before {
    content: '';
    display: block;
    width: 100px;
    height: 5px;
    background: #1856a3;
    position: absolute;
    bottom: -3px;
    left: 0;
    border-radius: 10px;
}
    .titlebox p{
        margin: 0;
    background-color: #88bb42;
    border-radius: 3px;
    text-align: center;
    font-size: 14px;
    line-height: 26px;
    color: #f4f4f4;
    padding: 0 15px;
    display: inline-block; 
    }
    .swiper-container {
        width: 875px;
        height: 300px;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
    }
    .swiper-slide {
        background-size: cover;
        background-position: center;
    }
    .gallery-top {
        height: 360px;
        width: 100%;
    }
    .gallery-thumbs {
        height: 20%;
        box-sizing: border-box;
        padding: 10px 0;
    }
    .gallery-thumbs .swiper-slide {
        width: 25%;
        height: 100%;
        opacity: 1;
    }
    .gallery-thumbs .swiper-slide-thumb-active {
        opacity: 1;
    }

.mySwbox-thumbs{background-color: #fff;box-shadow: 0 0 10px #ddd; margin-top: 5px;}
.mySwbox-thumbs .gallery-thumbs{
    max-width: 1400px;
    margin: 0 auto;
    padding: 13px;
}
.gallery-thumbs .swiper-slide{
    flex: 1;
    position: relative;
    transition: all ease .5s;
    cursor: pointer;
    display: flex;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    padding: 14px;
  
    border-right: 1px solid #ebebeb;
}
.img-center{
    position: relative;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    border-right: 1px solid #ebebeb;
}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active .i1 {
    display: none;
}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active::before {
    width: 100%;
}
.gallery-thumbs .swiper-slide:before {
    width: 0;
    height: 100%;
    background: #1856a3;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s;
}
.gallery-thumbs .slide-icon {
    display: flex;
}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active .text {
    color: #FFF;
}
.gallery-thumbs .swiper-slide .i2 {
    display: none;
}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active .i2 {
    display: block;
}
.gallery-thumbs .swiper-slide .text {
    position: relative;
    z-index: 999;
    padding-left: 25px;
    color: #333333;
}
.gallery-thumbs .swiper-slide .text h2 {
    font-size: 16px;
    margin: 0;
    line-height:25px;
}
.gallery-thumbs .swiper-slide:last-child {
    border-right: 0;
}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active .text p {
    color: #FFF;
}
.gallery-thumbs .swiper-slide .text p {
    font-size: 12px;
    color: #666666;
    margin: 0;
    line-height: 18px;
}
.gallery-thumbs .swiper-slide .icon {
  width: 40px;
  height: 40px;
  vertical-align: -0.15em;
  fill: #333333;
  overflow: hidden;
  transition: all ease .5s;
}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active .icon{
    fill: #ffffff;
}

/* fullSlide */
.fullSlide{width:100%;position:relative;height: auto;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;overflow:hidden;text-align:center;}
.fullSlide .bd li img{width: 100%;height:auto;}
.fullSlide .bd li a{display:block;height:600px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;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:42px;height:11px;margin:1px;overflow:hidden;background:#000;line-height:999px;}
.fullSlide .hd ul .on{background:#88bb42;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(/static/web/style/images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}




/* fullSlide 结束*/
/*tab新闻开始*/

.tab {

  position: relative;

  width: 1200px;

  height: 600px;

  overflow: hidden;

  margin: 0 auto 20px auto;

  font-family: Arial;

}

.tab-nav {

  height: 50px;

  overflow: hidden;

  background: #f5f5f5;

}

.tab-nav a {

  display: block;

  float: left;
font-size: 16px;
  width:150px;

  height: 50px;

  line-height:50px;

  text-align: center;

  text-decoration: none;

  color: #999;

}

.tab-nav a.current {

  background: #1856a3;

  color: #fff;

}

.tab-con {

  position: relative;

  width: 1200px;

  height: 470px;
margin-top: 30px;
  overflow: hidden;

  background: white;

}

.tab-con-item {

  display: none;

  width: 1200px;

  height:475px;



  text-align: center;

  color: #fff;

}

/*tab结束*/


@media (max-width:992px) {
    .mySwbox-thumbs .gallery-thumbs{padding: 10px;}
    .gallery-thumbs .swiper-slide{padding: 10px;padding-right:20px;}
    .img-center{width: 55px;}
    .titlebox .section-title1{font-size: 24px;}
    .gallery-thumbs .swiper-slide .text{padding-left: 15px;}
}
@media (max-width:768px) {
    .mySwbox-thumbs{margin-left: 10px;}
    .mySwbox{padding-top: 15px;}
    .titlebox .section-title1 {font-size: 24px;padding: 0;}
    .slide .text{width: 400px;padding-top: 20px;padding-right: 0;padding-left:10px;}
    .slide{flex-direction: column;}
    .titlebox {width: 100%;position: relative;left: 0;top: 5%;z-index: 10;}
    .slide .img{margin-top: 10px;}
    .gallery-thumbs .swiper-slide .text{display: none;}
    .gallery-thumbs .slide-icon{width: 100%;}
    .img-center {border-right: 0;width: 100%;}
    .mySwbox-main{padding: 5px 0 30px 0;}
    .gallery-thumbs .swiper-slide{margin-right: 0 !important;}
    .slide .text h2 .s3{display: none;}
}
.mySwbox-main .tppic{overflow: hidden;width: 100%;margin-top:40px;padding-left: 11px;padding-bottom: 25px;}
.mySwbox-main .tppic li{float: left;width:275px;margin-right: 15px;}
.mySwbox-main .tppic li a{display: block;padding-bottom: 20px;}
.mySwbox-main .tppic li a img{width:100%;height: 210px;}
.mySwbox-main .tppic li a p{

  width: 100%;
  text-align: center;
  height: 40px;
  line-height: 40px;
  background:#1856a3;
  color: white;
  font-size: 14px;
}
.mySwbox-main .tppic li :hover  p{background: #88bb42;text-decoration:none;}
.hmCon1Wpr { padding:60px 0px; background: #fff; position: relative; z-index: 8;padding-bottom: 0; }

.hmCon1 { overflow: hidden;position: relative; height: 700px;}

.hmc1Lx {  width: 600px; float: left; transform: translateY(-50%); }

.hmc1Lx img { width: 600px; height: auto; max-width: none; position: absolute; right: 0; top:320px; transform: translateY(-50%); }

.hmc1Rx { width: 550px; float: right; }

.hmc1Rx h2 { font-size: 30px; line-height: 62px; color: #1856a3; font-weight: bold; letter-spacing: 2px; display: block; margin-bottom: 17px; padding-top: 25px; position: relative; }

.hmc1des { font-size:16px; line-height: 36px; }

.hmc1des a{ padding:6px 15px;font-size: 14px;background-color: #1856a3;color: white;margin-left: 307px;line-height: 50px;}
.hmc1des p a :hover{background-color: #88bb42;}
.hmc1btn { margin: 3.12vw 0px 3.75vw; }

.pub_btn1 { font-size: 14px; line-height: 46px; display: inline-block; height: 48px; width: 180px; text-align: center; /*border: 1px solid #333; */ background: #88bb42; border: 1px solid #88bb42; color:#fff;}

.pub_btn1:hover { box-shadow: 0 10px 30px rgba(1,65,144,0.3); color: #FFF; background: #014190; border: 1px solid #014190; transform: translateY(-5px) }

.hmc1ul { display: flex; justify-content: space-between;padding: 23px; }

.hmc1ul li { cursor: default ;border-right: 1px solid #ababab;width: 200px;text-align: center;}

.hmc1ul li strong {  display: block;font-weight: normal; font-size: 20px;line-height: 30px; }

.hmc1ul li strong span { font:600 32px helv; margin-right: 5px; display: inline-block; transition: all 0.5s ease-in-out;color: #272727; }

.hmc1ul li:hover strong span { /*color: #014190; text-shadow: 3px 12px 10px rgba(1,65,144,0.3); */}

.hmc1ul li p { line-height: 36px; height: 36px; font-size: 16px; color: #929292; padding-left: 16px; }
.hmc1ul li img{margin-top:3px;width: 25px;}

.hmCon2Wpr { position: relative; min-height: 50vh; }

.hmc2Imgs { position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: all 0.5s ease-in-out; }

.hmc2bgImg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; }

.hmCon3Wpr { position: relative; }

.hmCon4Wpr { background-attachment: fixed; background-repeat: no-repeat; background-position: center center; background-size: cover; color: #fff; padding: 21.09vw 0px 4.68vw; }

.hmCon4 { position: relative; }

.hmc4txt { letter-spacing: 1px; }

.hmc4txt h5 { font-size: 24px; font-weight: normal; letter-spacing: 2px; display: block; line-height: 42px; }

.hmc4txt strong { font-size: 50px; line-height: 84px; font-weight: bold; margin-bottom: 2px; display: block; }

.hmc4txt p { font-size: 18px; line-height: 30px; max-width: 765px; }

.hmc4nav { margin-top: 11.97vw; display: flex; justify-content: space-between; margin-left: -5px; margin-right: -5px; }

.hmc4nav li { width: 100%; padding: 0 5px; }

.hmc4a { display: block; background: #fff; height: 120px; position: relative; padding: 0px 95px 0px 30px; display: flex; flex-direction: column; justify-content: center; }

.hmc4a strong { font-size: 24px; font-weight: normal; letter-spacing: 1px; display: block; line-height: 30px; }

.hmc4a p { font-size: 16px; line-height: 24px; margin-top: 2px; transition: all 0.5s ease-in-out; color: #ADADAD; }

.hmc4ico { display: inline-block; height: 50px; width: 50px; margin-top: -25px; position: absolute; top: 50%; right: 28px; }

.hmc4ico img { position: absolute; left: 0; top: 0; transition: all 0.5s ease-in-out; }

.hmc4a:hover { background: #014190; color: #fff; transform: translateY(-10px); box-shadow: 0 10px 30px rgba(1,65,144,0.5); }

.hmc4a:hover p { color: #fff; }

.hmc4a:hover .hmc4ico img { opacity: 0; transform: rotateY(180deg); }

.hmc4a:hover .hmc4ico img.iOpacity { opacity: 1 }

.hmCon5Wpr { position: relative; }

.hmCon5 { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; display: flex; flex-direction: column; justify-content: center; }

.hmc5Lx { color: #014190; letter-spacing: 1px; }

.hmc5Lx h4 { font-size: 32px; line-height: 42px; display: block; }

.hmc5Lx h6 { font-size: 18px; line-height: 30px; font-weight: normal; margin: 6px 0px 60px; }

.hmc5Lx h2 { font-size: 50px; line-height: 60px; letter-spacing: 2px; display: block; }

.hmc5options { margin-top: 45px; position: relative; max-width: 435px; }

.hmc5options span { display: block; line-height: 76px; padding: 0px 70px 0px 25px; height: 80px; overflow: hidden; border: 2px solid #014190; font-size: 18px; font-weight: bold; position: relative; cursor: pointer }

.hmc5options span:after { content: ""; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 7px solid #264A96; position: absolute; right: 30px; top: 50%; margin-top: -3px; }

.hmc5_items { width: 100%; position: absolute; left: 0; top: 78px; border: 2px solid #014190; padding: 15px 0; transition: all 0.5s ease; opacity: 0; transform: scaleY(0); visibility: hidden; transform-origin: center top }

.hmc5options:hover .hmc5_items { opacity: 1; visibility: visible; transform: scaleY(1) }

.hmc5options ul { max-height: 180px; overflow-y: auto; }

.hmc5options ul li a { display: block; line-height: 22px; font-size: 16px; padding: 10px 15px; color: #014190; }

.hmc5options ul li a:hover { background: #014190; color: #fff; }

.hmc5map { position: relative; left: 0; top: 0; right: 0; bottom: 0; }

.hmc5map img { width: 100%; height: auto; }

.hmc5map_pos { width: 0; height: 0; position: absolute; right: 20.3%; bottom: 30.5%; }

.hmc5map_pos span { background: url(../images/hmc6_mi.png) no-repeat center center; height: 65px; width: 46px; position: absolute; left: 50%; bottom: 0px; margin-left: -23px; }

.hmc5layer { background: url(../images/hmc6_mlay.png) no-repeat; height: 233px; width: 474px; position: absolute; left: 50%; bottom: 68px; margin-left: -237px; color: #fff; padding: 42px 0px 0px 52px; }

.hmc5layer p { font-size: 14px; line-height: 34px; color: rgba(255,255,255,0.5); }

.hmc5layer strong { font-size: 18px; line-height: 34px; font-weight: normal; letter-spacing: 1px; margin: 7px 0px 12px; display: block }

.hmc5layer i { font-size: 16px; background: url(../images/hmc6_tli.png) no-repeat left center; line-height: 22px; padding-left: 22px; font-style: normal; font-weight: normal; display: block; }

.webBom { background: #024290 url(../images/hmc6bg.jpg) no-repeat center bottom; color: #fff; text-align: center; padding: 3.64vw 0px; letter-spacing: 1px; }

.webBom strong { font-size: 32px; display: block; line-height: 42px; font-weight: normal; }

.webBom p { font-size: 18px; line-height: 32px; margin: 10px 0px 38px; }

.webBom_a { font-size: 16px; line-height: 54px; font-weight: bold; background: #FFF; text-align: center; display: inline-block; height: 54px; width: 240px; color: #1a5fa0; }

.webBom_a:hover { transform: translateY(-5px); box-shadow: 0 5px 20px rgba(0,0,0,0.4); }
/*新闻*/
.inf{width: 100%;height: 1220px;}
.inf .bg{width:100%;background-color: #1856a3;height:308px;position: relative;}
.inf .bg img{width: 1200px;position: absolute;left: 50%;margin-left: -600px;top: -100px;}
.inf .tab {width:1200px;background-color: white; height: 509px;  margin-top:90px;
}
.tab-con{width: 100%;}
.tab-con-item ul{overflow: hidden;}
.tab-con-item ul li{float: left;width: 585px;margin-bottom: 20px;margin-right:30px;padding:15px;background-color: #f8f8f8;box-sizing: border-box;}
.tab-con-item ul li:nth-child(even) {margin-right:0;}
.tab-con-item ul li a{display: block;overflow: hidden;}

.tab-con-item ul li a img{width:150px;height: 150px;float: left;}
.tab-con-item ul li a .tex{float: right;margin-left:20px;width: 350px;text-align: left;line-height: 24px;}
.tab-con-item ul li a .tex span{display: block;font-size: 12px;color:#888;}
.tab-con-item ul li a .tex p{color:#666;font-size: 14px;}
.tab-con-item ul li a .tex b{display: block;width: 100px;height:30px;line-height: 30px;background-color:#88bb42;font-size: 12px;color: #fff;margin-top: 20px;text-align: center;}
.tab-con-item ul li a .tex h2{color: #444;font-size: 16px;}
.tab-con-item ul li:hover{background-color: #1856a3;}
.tab-con-item ul li:hover a .tex span{color:white;}
.tab-con-item ul li:hover a .tex p{color:white;}
.tab-con-item ul li:hover a .tex b{background-color:white;color:#1856a3;}
.tab-con-item ul li:hover .tex h2{color: white;}
.yjtex p{font-size: 14px;color: #fff;line-height: 30px;}
.lj {float: left;}
.lj a{display: inline-block;font-size: 16px;color: #666;height: 50px;line-height: 50px;margin:30px;margin-top: 5px;}
/* -- 当前位置 -- */
.plc,.plc2{ background:url(img/logo_03.png) no-repeat 12px 13px;height:20px;line-height:24px;padding:7px 8px 8px 35px; position:relative; color:#666; overflow:hidden; font-size:14px; border-bottom:1px solid #ececec; border-top:1px solid #ececec;  padding-bottom:8px; font-family:"Microsoft Yahei","微软雅黑"; }
.plc span {}
.plc i,.plc2 i,.plc a{ font-style:normal; font-size:14px; color:#666;}
.rightl{ width:760px; float:right; display:inline;overflow:hidden; margin-top:10px;}