@import "common.css";
@import "page.css";
@import "hdp.css";
@import "login.css";
@import "nav.css";
body{font-size:14px;font-family:"Microsoft YaHei";color:#333; }
*{margin:0px;padding:0px;list-style: none;}
img{border:0px; max-width: 100%;}
a{text-decoration:none;color:#333;}
a:hover{color:#211d71}
i{ font-style: normal; }
em{ font-style:normal;}
.clear{clear:both;}
.l{float:left;}
.r{float:right;}
.layui-layer-setwin .layui-layer-close2 {
    right: -6px!important;
    top: -6px!important;
}
.bak{-webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;  display: block; }
.bak:hover {-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.pic{ overflow: hidden; margin: auto; position: relative; }
.pic span{background-size: cover; background-repeat: no-repeat; background-position: center; display: block;}

.w1200{ width: 1200px; margin: auto; }
.w1500{width: 1500px; margin: auto; }
.w1600{width: 1600px; margin: auto; }

.content{ margin:20px auto; }
.middle{ margin: 0px auto; padding: 40px 0px; }

.top{ margin: auto; width:100%;  position:relative; background:#FFF; position:fixed; z-index:9999}
.bigtop{ height:94px; width:100%;}
.logo{ float: left; padding-top: 10px; }
.nav{ float:left; font-size: 16px; margin-left: 40px; }
.nav li{ float: left; text-align: center; position: relative; z-index: 999;padding-bottom: 35px;}
.nav li span{ display: inline-block; font-size: 12px; color: #dadada; }
.nav li a{ display:inline-block;  margin: 0px 28px; border-top: #fff 2px solid;  padding-top: 35px;}
.nav li a:hover{  border-top: #1E50AE 2px solid;}
.nav li.on a{border-top: #1E50AE 2px solid; }

.nav li .sub-box1{ position:absolute;text-transform:none; top:93px; left: -45%;  width:200%; overflow: hidden; height: 0px; display: block; z-index: 999; transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;  z-index: -1;opacity:0; filter:alpha(opacity=0); -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2); }

.nav li:hover .sub-box1{ display: block; height: auto; z-index: 1;opacity:1; filter:alpha(opacity=1); }
.nav li .sub-box{ background:#fff; }
.nav li .sub-box a{ display: block; margin: auto; font-size: 14px;  padding:0px 10px; text-align: center; border-bottom: #004F88 1px dotted; line-height: 45px; border-top: none; }
.nav li .sub-box a:hover{ background: #211d71; color: #fff; }

.lang{ float: right;  padding-top: 35px; }
.lang a.on{ /*margin-left:10px;*/ color: #14106f; }
.lang i{ display: inline-block; font-size: 20px; margin-right:10px; top: 2px; position: relative; }
a.language_qihuan{ float:right; line-height:50px;}
.box_dh{ margin-top:90px; }
.index_dh{  font-size: 36px; text-align: center; padding-top: 25px;}
.index_dh p i{ font-size: 34px;  color: #211d71; display: inline-block; margin-right: 10px; }
.index_dh p{ color: #211d71; }
.index_dh p span{ color: #211d71; }
.index_dh em{  display: block; width: 40px; height: 3px; background: #211d71; margin:30px auto 20px auto; }
.index_jj{ font-size: 16px; color: #999; text-align: center; margin:30px auto 0px auto;  height: 40px; overflow: hidden;}
.pic_box{ margin:30px auto 70px auto; }
.pic_box li{ float: left; width: 33.3%; transition: all 0.5s; }
.pic_box li .pic{ width: 75%; margin:auto;  }
.pic_box li .pic span{ padding-top: 90%; }
.pic_box li .text{text-align: center; width: 80%; margin:auto;}
.pic_box li .text span{ font-size: 24px; display: block; }
.pic_box li .text p{ font-size: 16px; margin:20px auto 10px auto; line-height: 200%;overflow: hidden; height: 60px; }
.pic_box li .text i{ display: block; margin:auto; margin-bottom: 20px; }
.more{ width: 185px; height: 60px; line-height: 60px; color: #fff; font-family: Arial; font-size: 24px; text-align: center; background: #211d71; margin:auto;border-radius:5px;}
a:hover .more{ background: #f4a201; transition: all 0.5s; }
.pic_box li a .text{ color: #333; }
.pic_box li a .text p{ color: #666;}
.pic_box li:hover{ -webkit-box-shadow: 0 0px 15px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 15px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 15px rgba(0,0,0,0.2);box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
 }
 .pic_box li .more{ margin-bottom: -30px;  display: none;}
 .pic_box li a:hover .more{ display: block; background: #211d71; }

.fangan_box{ background: #f5f9ff; margin:auto; padding: 70px 0px; }
.fangan{ width: 96%; margin:30px auto 0px auto; position: relative;}
.fangan_l{ float: left; width: 40%; background: #fff; border-radius:5px;  position: absolute;left: 0px; height: 100%; display: flex; align-items: center;}
.fangan_nr{ border: #ccc 1px solid; margin:auto; width: 92%;  padding: 60px 0; position:relative }
.fangan_nr dl{ position:absolute; left:0px; top:60px; z-index:-1;opacity:0; filter: alpha(opacity=0);transition:All 0.4s ease;-webkit-transition:All 0.4s ease;-moz-transition:All 0.4s ease;-o-transition:All 0.4s ease; display:block; width:100%}
.fangan_nr dl.ses{ z-index:10;opacity:1; filter: alpha(opacity=1);}
.fangan_nr dl.dl0{ position:relative; top:0px!important;}
.fangan_dh{  font-size: 28px;   color: #211d71; padding:0;}
.fangan_dh em{ margin:20px auto 0 auto; }
.fangan_text{ width: 80%; margin:50px auto; font-size: 16px; text-align: center; line-height: 200%; height: 200px; overflow: hidden;  }

.fangan_list{ overflow: hidden; float: right; width: 100%; margin-top:-20px; }
.fangan_list li{ float: left; width: 20%; margin-top:2%; }
.fangan_list li a{ width: 95%; margin:auto; display: block;}
.fangan_list li .pic{border-radius:5px;}
.fangan_list li .pic span{ padding-top: 85%; border-radius:5px;}
.fangan_list li .pic p{ position: absolute; left: 0; width: 100%; height: 55px; line-height: 55px; background: #211d71; color: #fff; text-align: center; bottom: -55px; z-index: 2; font-size: 16px;display: block;  transition: all 0.5s; }
.fangan_list li .pic p i{ font-size: 20px; margin-right:5px; }
.fangan_list li a p{transition: all 0.5s; }
.fangan_list li a:hover p{ bottom: 0; transition: all 0.5s; }

.news{ margin:30px auto; }
.news li.li1{ float: left; width: 32%; margin-right: 1.3%; }
.news li.li2{ overflow: hidden; }
.news li .pic,.news li .pic span{border-radius:5px;}
.news li.li1 .pic span{ padding-top: 96%; }
.news li.li2 .pic span{ padding-top: 46%; }
.news li i{ display: block; position: absolute; left: 0; bottom: 0; height: 100%; width: 100%; background: url(../image/bj.png) repeat-x; z-index: 1;}
.news li p{ position: absolute; left: 0px; bottom: 0; height: 50px; line-height: 50px; text-align: center; color: #fff; width: 100%; font-size: 16px; z-index: 2; }

.about_box{ background-image: url(../image/aboutbj.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; padding: 50px 0px; margin:50px auto 0px auto;}
.lxwm{ float: left; width: 25%; margin-left: 20%; padding-top: 23px; }
.lxwm li{ margin-bottom: 35px; }
.lxwm li.li3{ width: 100%; }
.lxwm li i{width: 50px; height: 50px; line-height: 50px; text-align: center; float: left; margin-right: 20px; font-size: 30px; border-radius:100%; color: #fff; display: block; background: #23488f; }
.lxwm li p{ overflow: hidden; color: #fff; }
.lxwm li p span{ display: block; margin: 3px auto; }
.lxwm li p em{ font-size: 18px; }
.lxwm li.li1 i{ background: #f5a100; }
.about{ overflow:  hidden; background: rgba(255,255,255,0.8); padding: 50px; }
.about_tit{ margin:auto; }
.about_tit span{ font-size: 28px; display: block; }
.about_tit p{ font-size: 16px; color: #999; margin:10px auto; }
.about_jj{ margin: 0px auto; }
.about_jj li{ float: left; width: 33.3%; text-align: center; }
.about_jj li b{ display: block; font-size: 60px; color: #211d71; position: relative; }
.about_jj li b i{ background: url(../image/zibj.png) no-repeat center; display: inline-block; line-height: 38px; font-size: 14px; color: #999; position:absolute; top: 50%; margin-top: -19px; font-weight: normal; margin-left:4px; width:45px; }
.about_jj li p{ font-size: 10px; font-family: Arial; text-transform:uppercase; color: #999; margin: 20px auto; height: 30px; overflow: hidden; }
.about_jj li span{ font-size: 16px; }


.foot{background: #1c1c1c; margin: auto; padding-top: 50px; color: #777777;}
.foot2{ margin: 10px auto; padding: 20px 0px; color: #555; border-top: #333 1px solid;}
.bq{ float: left; }
.icp{ float: right;}
.icp a{color: #555;}
.flogo{ float: left; width: 30%; margin-top: 30px; }

.foot_nav{ float: left; overflow: hidden; text-align: left; width: 80%; }
.foot_nav dl{ float: left; width: 20%; margin-right:10px; }
.foot_nav dl dt{ font-size: 16px; padding-bottom: 10px; }
.foot_nav dl dd{ margin: 10px auto; }
.foot_nav dl dd a{ color: #555555; }
.foot_nav dl dd a:hover{ color: #fff; }
.foot_l{ float: left; width: 20%; }
.foot_r{ float: right;  font-size: 16px; text-align: center; }



.nbanner{ margin: auto; padding-top: 20%; background-position: center; background-repeat: no-repeat; background-size: cover;  }
.wzdh{ border-bottom: #E1E1E1 1px solid!important; height: 70px; line-height: 70px; font-size: 15px; }
.wzdh.fix{ width:100%; position:fixed!important; left:0px; top:0px; z-index:9999; background:#FFF}
.wzdh1{ display:none!important}
.wzdh1.xian{ display:block!important; position:relative!important}
.route{ float: left; }
.n_dhbox{  float: right;  }
.n_dh{  margin:auto; text-align: center; width:auto;  display:inline-block}
.n_dh a{ display: inline-block;  padding: 0px 35px; font-size:15px;}
.n_dh a:hover,.n_dh a.on{ border-bottom:2px solid #12116e}

.n_dh.n_dh_7 a{ padding: 0px 30px;}


.n_dh a:hover{color: #12116e; /*background: #12116e;*/ }
.n_dh a.on{/*color: #fff; background: #12116e;*/ color: #12116e;  }

.wzdh i.gexian{
	content: " ";   display: inline-block; height: 2px; background: #12116e;  width: 0%; position: absolute; bottom: -2px; left: 0px;transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;

	}
.wzdh_new_pc{ display:block}
.wzdh_new_wap{ display:none}

.none{ display: none; }
/*解决方案*/
.fangan_about{ padding: 70px 0px; }
.fangan_about .pic{ float: left; width: 48%; margin-right: 5%; overflow:visible; }
.fangan_about .pic span{ padding-top: 85%;  }
.fangan_about .pic i{ background: #e3e3e3; z-index: 0; height: 100%; width: 100%; position: absolute; bottom: -20px; left: -20px;}
.fangan_about .pic .pic_tu{z-index: 2;  position: relative;}
.fangan_about .text{ overflow: hidden; }
.fangan_about .text .tit{ margin:auto; padding-top: 50px; }
.fangan_about .text .tit i{display: inline-block; border-bottom: #12116e 3px solid; width: 20px; top: -5px; position: relative; margin-right: 5px;}
.fangan_about .text .tit span{ font-size: 24px; color: #999; }
.fangan_about .text .tit p{ font-size: 38px; font-family: Arial; margin:10px auto; color: #999; }
.fangan_about .text .tit b{ font-size: 36px;  display: block; margin-top: 25px; font-weight: normal; }
.fangan_about .text .con{ margin-top: 50px; color: #666; font-size: 16px; line-height: 200%;text-align:justify; }
.fangan_about .text .con p{ margin:15px auto; }

.lingyu_box{background-image: url(../image/fabj.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; padding: 50px 0px 100px 0; margin:auto;}
.lingyu_con{ margin:50px auto 0px auto; text-align: center; }
.fangan_dh1{  font-size: 36px; text-align: center; }
.fangan_dh1 em{  display: block; width: 30px; height: 3px; background: #211d71; margin:15px auto; }
.fangan_dh1 span{ color: #999; display: block; font-size: 24px; }

.fangan_dh2 p{ color: #fff; }
.fangan_dh2 em{ background: #fff; }

.fangan_box1{ background: #f5f5f5; padding: 70px 0px; margin:auto; }
.fan_list{ margin:50px auto 0px auto;  }
.fan_list li{ float: left; width: 33.3%; }
.fan_list li .pic{ width: 95%; }
.fan_list li .pic span{ padding-top: 100%; }

.case_box{ margin:70px auto;position: relative; }
.case{ margin: 50px auto;  text-align: center;}
.case .text{ line-height: 40px; font-size: 16px; height: 40px; overflow: hidden; }
.case_l{ float: left; width: 50%;  margin-right:1%;}
.case_r{ overflow: hidden; }
.case_l .pic span{ padding-top: 86%; }
.case_l .pic,.case_l .pic span,.case_r .pic,.case_r .pic span{border-radius:5px;}

.case_r li{ float: left; width: 50%; margin-bottom: 2%;  }
.case_r li .pic span{ padding-top: 83%; }
.case_r li .pic,.case_r li .text{ width: 95%; }

/*招贤纳士*/
.job{ margin:50px auto; }
.job li{ float: left; width: 50%; }
.job li .con{ width: 95%; margin:auto; background: #fff; border-radius:15px; padding:40px 0px; }
.job li .con .pic{ float: left; width: 30%; margin-left: 15%; margin-right: 10%; }
.job li .con .text{ overflow: hidden;  text-align: left;}
.job li .con .text span{ font-size: 24px; display: block; }
.job li .con .text p{ margin:10px auto 20px auto; font-family: Arial; color: #999; text-transform:uppercase;  }
.job li .con .text .more{ float: left; }
/*.job_dh{ margin: 50px auto 30px auto; text-align: center; }
.job_dh a{ display: inline-block; padding: 10px 20px ; border: #ccc 1px solid; border-radius:5px;  margin:5px; font-size: 16px;}
.job_dh a:hover{ background: #211d71; color: #fff; }
.job_con{ margin:50px auto; font-size: 16px; line-height: 180%; text-align: center }*/

.category { text-align: center; margin: 50px auto 30px auto;  }
.category ul li {display: inline-block; padding: 10px 20px ; border: #ccc 1px solid; border-radius:5px;  margin:5px; font-size: 16px; cursor: pointer;}
.category ul li.active {background: #211d71; color: #fff;}
.container .cont {display: none; font-size: 16px; line-height: 180%;  margin:50px auto; }
.container .cont.active {display: block;}

.category1 { text-align: center; margin: 50px auto 30px auto;  }
.category1 ul li {display: inline-block; padding: 10px 20px ; border: #ccc 1px solid; border-radius:5px;  margin:5px; font-size: 16px; cursor: pointer;}
.category1 ul li.active {background: #211d71; color: #fff;}
.container1 .cont {display: none; font-size: 16px; line-height: 180%;  margin:50px auto; }
.container1 .cont.active {display: block;}



.chengzhang_box{ padding-top: 100px; }
.chengzhang_dh { width: 700px; margin: auto; border: #c9c9c9 1px solid; }
.chengzhang_dh p{margin:auto; margin-top: -90px; background: #fff; width: 375px; color: #211d71;}
.index_dh b{font-family: Arial; color: #999; text-transform:uppercase; font-weight: normal;  font-size: 18px; display: block; margin:auto; margin-top:30px; background: #fff; width: 250px; margin-bottom: -15px;}
.cp_dh{ width: 400px; }
.cp_dh p{ width: 240px; }
.cp_dh b{width: 150px;}

.fa_dh p,.fa_dh b{ background: #f5f9ff; }

.pic_list{ margin:auto; width: 85%; }
.pic_list li{border-bottom: #ccc 1px dotted;  padding: 10px 0px; }
.pic_list li .pic{ float: left; width: 50%; margin-right:5%; }
.pic_list li .pic span{ padding-top: 74%; }
.pic_list li .text{ overflow: hidden; padding-top: 5%; }
.pic_list li .text .tit{ margin:auto; position: relative; padding-top: 50px;}
.pic_list li .text .tit span{ color: #999; font-size: 28px; font-family: Arial; }
.pic_list li .text .tit p{ margin:10px auto; font-size: 28px; }
.pic_list li .text .tit i{ display: inline-block; width: 60px; height: 2px; background: #c7c7c7; }
.pic_list li .text .con{ margin:30px auto; font-size: 16px; line-height: 180%;  }
.pic_list li .text .con p{ display: inline-block; width: 82%; }
.pic_list li .text .more{ display: inline-block; }
.pic_list li .text .xvhao{ position: absolute; right: 0; top: 0; background: url(../image/dhbj.png) no-repeat right;  height: 91px; font-family: Arial; font-style:italic;}
.pic_list li .text .xvhao .hao{ float: left;  font-size: 145px;  font-family: Candara;  color: #e2e2ec; margin-right: 10px; margin-top: -80px; }

.pic_list li .text .xvhao .hao1,.pic_list li .text .xvhao .hao2,.pic_list li .text .xvhao .hao6,.pic_list li .text .xvhao .hao8{ margin-top: -60px;}
.pic_list li .text .xvhao .hao_r{ overflow: hidden; padding-top: 20px; }
.pic_list li .text .xvhao .hao_r p{ font-size: 30px; height: 34px; margin:auto; padding-right: 20px; }
.pic_list li .text .xvhao .hao_r i{ display: inline-block; width: 50px; height: 2px; background: #f5a100;  margin-top: 0px;}

.pic_list li.li1 .pic{ float: right; width: 50%; margin-right:0; margin-left: 10px; }

/*关于我们*/
.w1800{width: 94%; margin: 70px auto; }
.about_l{ float: left; width: 52%; margin-right: 2%; text-align: center; }
.about_l img{ margin:auto; }
.about_r{ overflow:hidden; padding-top: 50px; margin-right: 5%;}
.about_dh{margin:auto; text-align: left; border-bottom: #ccc 1px solid; padding-bottom: 30px; margin-bottom:30px;}
.about_dh em{ width: 80px; height: 3px; background: #12116e; display: inline-block; margin-top: 10px; }
.about_dh i{ font-size: 80px; color: #f5f4f4; display: block; text-transform:uppercase;  }
.about_dh p{ font-size: 40px; margin:10px auto; margin-top: -90px; }
.about_dh span{ display: block; font-size: 24px; color: #12116e; margin-top: 50px; line-height: 160%; }

.about_nr1{ margin:auto; text-align: left; font-size: 16px; line-height:200%; color: #999;  height: 300px; overflow: auto; }
.about_nr1 p{ margin:10px auto; }
.about_nr1::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 3px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
  .about_nr1::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 1px;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  background: #12116e;
  }
  .about_nr1::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  border-radius: 1px;
  background: #ccc;
  }
.about_con{ padding-right: 30px; }

.n_shuzi{ border: #ccc 1px solid; margin:70px auto; }
.n_shuzi dl{ float: left; width: 25%;  border-right: #ccc 1px solid;  margin-left: -1px; padding: 50px 0px;  text-align: center;}
.n_shuzi dl dd{ margin:auto; }
.n_shuzi dl dd b{ font-size: 64px; color: #12116e; font-family: Arial;  }
.n_shuzi dl dd b.b1{ font-size: 56px; }
.n_shuzi dl dt{ margin:auto; font-size: 16px;}


.wenhua{ float: left; width: 70%; background: #f4f4f4; padding: 5% 0 5% 8%; }
.about_dh1{ border-bottom: none; }
.wenhua .about_dh i{ color: #eeeeee; }
.wenhua_list{ margin:auto; margin-top: 20px;  width: 62%; float: left;}
.wenhua_list li { border-bottom: #ccc 1px dotted; padding-bottom: 40px; margin-bottom: 40px; }
.wenhua_list li .pic{ float: left; width: 130px; height: 130px; background: #12116e; border-radius:100%; line-height: 130px;  margin-right:5%;  text-align: center;}
.wenhua_list li .pic i:before{ font-size: 60px; color: #fff; font-family:"iconfont"; content: "\e64f"; display: block;  }
.wenhua_list li.li2 .pic i:before{content: "\e600"; }
.wenhua_list li.li3 .pic i:before{content: "\e609";  }
.wenhua_list li .text{ overflow: hidden; text-align: left; padding-top:10px; }
.wenhua_list li .text span{ display: block; font-size: 24px; color: #12116e; line-height: 180%; }
.wenhua_list li .text p{ margin:10px auto; font-size: 16px; color: #666; display: block; line-height: 200%; }

.wenhua_r{ position: absolute; top: 18%; right: 0px; width: 45%; }
.wenhua_pic{ margin:auto; }
.wenhua_pic img{ display: block; }
.yewu_box{ background: #12116e; margin:auto; padding: 50px 0;  }
.yewu{ width: 85%; margin:auto; }
.yewu_dh{ border-bottom: none; }
.yewu_dh em{ background: #fff; }
.yewu_dh i{ color: #1d1c72; }
.yewu_dh p{ color: #fff; }
.yewu_list{ margin:30px auto; }
.yewu_list li{ float: left; width: 33.3%; text-align: center; }
.yewu_list li i{ color: #fff; font-size: 55px; }
.yewu_list li a{ color: #fff; border-left: #5a599a 1px solid; display: block; }
.yewu_list li p{ margin:10px auto; font-size: 16px;  }
.yewu_list li.li1 a{ border: none; }

.rongyu_box{ margin:100px auto; width: 85%; }
.rongyu_list{ margin:70px auto 0px auto;  }
.rongyu_list li .pic{ border: #ccc 1px solid; }
.rongyu_list li .pic span{ padding-top: 70%; }
.rongyu_list li .text{ font-size: 18px; margin:15px auto;  text-align: center; margin-bottom: 70px;}
.swiper-pagination-bullet{ width: 10px; height: 10px;  }
.swiper-pagination-bullet-active {opacity: 1;background: #12116e;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: url(../image/r.png); right: 0;}
.swiper-button-next:hover, .swiper-container-rtl .swiper-button-prev:hover{background-image: url(../image/r1.png); }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: url(../image/l.png); left: 0;}
.swiper-button-prev:hover, .swiper-container-rtl .swiper-button-next:hover{background-image: url(../image/l1.png); left: 0;}
.swiper-button-next, .swiper-button-prev{ width: 63px; height: 63px; margin-top: -32px; background-size: 63px; outline: none;}

.piaochuang{ position:fixed; right:0px; top:30%; /*margin-top:-120px;*/ width:80px;/* height:240px;*/ z-index:99999}
.piaochuang li{ display:block; width:100%; height:80px; text-align:center; color:#FFF; background:rgba(49,49,49,0.8); overflow:hidden; cursor:pointer; position:relative; margin-bottom:2px;}
.piaochuang li:hover{background:#211d71;}
.piaochuang li img.qrcode{  position:absolute; top:-10px; left:-110px; width:110px!important; height:110px; display:block; max-width:inherit;transition:All 0.4s ease;-webkit-transition:All 0.4s ease;-moz-transition:All 0.4s ease;-o-transition:All 0.4s ease;opacity:0; filter:alpha(opacity=0);}
.piaochuang li:hover img.qrcode{ display:block;opacity:1; filter:alpha(opacity=1);}
.piaochuang li:hover{ overflow:visible}
.piaochuang li dl{ display:block; /*height:50px;*/ width:100%; background-position:center; font-size: 26px; background-repeat:no-repeat; padding-top: 15px;}
.piaochuang li.p4 dl{ padding-top: 10px; }
.piaochuang li a{ color:#FFF}
.piaochuang li p{transition:All 0.4s ease;-webkit-transition:All 0.4s ease;-moz-transition:All 0.4s ease;-o-transition:All 0.4s ease; position:absolute; background:#211d71; height:80px; z-index:1; line-height:80px; color:#FFF; width:170px; text-align:center; font-size:16px;top:0px; left:80px;}
/*.piaochuang li p:before{ font-size:20px; font-weight:bold;    content: "\e613"; margin-right: 5px; display: inline-block;}*/
.piaochuang li:hover p{ left:-170px;}
.piaochuang li div.ddhh{ display:block; width:100%; height:100%; /*background:rgba(33,29,113,0.5);*/ position:relative; z-index:2;}
/*.piaochuang li.p1 dl{ background-image:url(../images/p1.png);}
.piaochuang li.p2 dl{ background-image:url(../images/p2.png);}
.piaochuang li.p3 dl{ background-image:url(../images/p3.png);}*/

/*.piaochuang li.p2{ background:rgba(33,29,113,0.5);}*/


.search_xian{ cursor:pointer; z-index:9999; right:100%; position:absolute; background:#FFF; height:93px; text-align:center; width:1300px; max-width:90%; display:block;transition:All 0.4s ease;-webkit-transition:All 0.4s ease;-moz-transition:All 0.4s ease;-o-transition:All 0.4s ease;}
.search_xian.xian{ right:0%; }
.search_xian i{ display:inline-block; position:absolute; left:0px; top:40px;}
.search_xian input{ display:inline-block; float:left; height:49px; margin-top:22px; border:1px solid #999; text-align:center; line-height:49px; border-left:none;border-right:none; width:926px; max-width:80%; outline:none!important;}
.search_xian img{display:inline-block; float:right; margin-right:20px; margin-top:35px;}
.search_xian{}




.cpdetail .middle{padding:30px 0px 0px 0px; width:1070px; max-width:97%; display:block;border-left:0px dashed #858585; /*background:url(../images/x.png) 0px top repeat-y;*/ margin:auto; position:relative}
.cpdetail .middle.middle_f{/*background:url(../images/x.png) 0px 50% repeat-y;*/}
.cpdetail li{  position:relative;}

.cpdetail li dl.dlxian{ position:absolute; left:-8px; height:24px; line-height:24px; display:block; top:50%; margin-top:-9px; /*padding-left:26px; background:url(../images/y.png) 0px center no-repeat;*/ font-size:14px; color:#FFF; width:107px; background:#141379; text-align:center; border-radius:24px; }

.cpdetail li img{}
.cpdetail li.z{ background:#D8E9FD;}
.cpdetail li span.detail_title{ font-size:36px; color:#000066; display:block; margin-bottom:50px; text-align:center; width:100%}
.cpdetail li .cpdetailxx{}
.cpdetail li .cpdetailxx video{ width: 70%; margin:auto; }
.cpdetail li.lititle{ padding:0px; height:76px; line-height:76px; background:#14137a; text-align:center; color:#FFF;}
.cpdetail li.lititle i{ font-size:30px; height:76px;  position:relative;}
.cpdetail li.lititle i span{ display:inline-block;background:url(../image/u.png) 0px center no-repeat; text-indent:47px; left:43px; position:absolute; z-index:2; }
.cpdetail li.lititle em{ font-size:30px; color:#2c2b83; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; position:relative; z-index:1;}
.cpdetail li.lititle span.gx{ height:1px; display:inline-block; background:#FFF; width:70px; position:relative; margin:auto 20px auto 20px; top:-10px;}
.small_nr{ display:block; padding-left:16.8%;}