@charset "utf-8";
@import "page.css";
@import "message.css";
@import "hdp.css";
@import "common.css";
/* CSS Document */
body{font-size:14px; font-family:"Microsoft YaHei"; color:#333; overflow-x:hidden; min-width:1300px; background: url(../images/b1.jpg) no-repeat center top #ffffff;}
i,em{ font-style:normal}
*{ margin:0px; padding:0px; }
img{border:0px; max-width: 100%;}
a{ text-decoration:none; color:#333;}
/* for IE */ a,area { blr:expression(this.onFocus=this.blur()) } /* for Firefox */ :focus { outline: none; }
li{ list-style:none}
.clear{ clear:both}
a:hover{color: rgb(255, 120, 0);}
input{ outline:none;}
div.middle{ width:1200px; margin:0px auto; display:block;  }
.indexmiddle{ background:#FFF}
.demohdp{ padding-top:20px; float:left;}
/*pc端头部start*/
.middletop{ height:216px;}

.newtab{ float:left;  width:425px; width:655px; margin-left:10px;display:block; margin-top:20px; }
.newtab .tab{height: 29px;border-bottom-color: rgb(220, 220, 220); line-height:29px;
    border-bottom-width: 2px;
    border-bottom-style: solid;}
.newtab .tabnrzi{ width:100%; overflow:hidden; display:none; position:relative; top:-10px;}
.newtab .tab a{padding: 0px 14px 7px;
    text-align: center;
    line-height: 24px;
    font-size: 16px;
    float: left;
    min-width: 60px; display:block;color: rgb(102, 102, 102);
    font-weight: bold;}
.newtab .tab a:hover,.newtab .tab a.ses{color: #0c7fbe;    background: url(../images/title.png) no-repeat 50% 100%;
    position: relative;}
div.head{ position:relative; z-index:99999}
div.head,div.index,footer001{ width:100%;}
div.head img.logo{ float:left;}
div.head div.wapdh{ display:none}
div.head ul.nav{  width:100%; height:55px; text-align:center; line-height:55px; background:#0050C1;}
div.head ul.nav li a{transition: All 0.1s ease-in-out;
            -webkit-transition: All 0.1s ease-in-out;
            -moz-transition: All 0.1s ease-in-out;
            -o-transition: All 0.1s ease-in-out;}
div.head ul.nav li.yi{ display:inline-block; padding:0px 20px; height:55px; line-height:55px; text-align:center; position:relative;}
div.head ul.nav li.yi div{ position:absolute; left:0px; top:55px; display:none; widows:100%; background:#FFF}
div.head ul.nav li.yi div a{ display:block; height:30px; line-height:30px; }
div.head ul.nav li.yi:hover div{ display:block;}
div.head ul.nav li.yi a.ayi{ font-size:19px; display:block; width:100%; height:100%; color:#FFF; font-weight:bold;}
div.head ul.nav li.yi:hover a.ayi{ color:#fff; }
div.head ul.nav li.yi.hover a.ayi{ color:#fff; }
div.head ul.nav li.yi ul.ernav{ position:absolute; left:0px; top:55px; width:100%; display:none;background:#FFF}
div.head ul.nav li.yi:hover ul.ernav{ display:block}
div.head ul.nav li.yi ul.ernav li.er{ width:100%; height:40px; line-height:40px; position:relative;}
div.head ul.nav li.yi ul.ernav li.er a.aer{ width:100%; height:100%; display:block; font-size:16px; border-bottom:1px dotted #333; text-align:center;}
div.head ul.nav li.yi ul.ernav li.er:hover a.aer{ background:#0050C1; color:#FFF}
div.head ul.nav li.yi ul.ernav li.er ul.sannav{ position:absolute; top:0px; left:100%; display:none; width:100%; background:#FFF}
div.head ul.nav li.yi ul.ernav li.er ul.sannav li.san{ width:100%; height:24px; line-height:24px;}
div.head ul.nav li.yi ul.ernav li.er ul.sannav li.san a.asan{ width:100%; height:100%; display:block; border-bottom:1px dashed #333; text-align:center}
div.head ul.nav li.yi ul.ernav li.er ul.sannav li.san:hover a.asan{ background:#000; color:#FFF}
div.head ul.nav li.yi ul.ernav li.er:hover ul.sannav{ display:block;}
div.head ul.nav li a.you{ position:relative;}
div.head ul.nav li a.you span{ position:absolute; right:5px; line-height:24px;}
div.head ul.nav li a.ayi span{ display:none}
div.head a.hsou{ margin-top:40px; display:block; height:30px;float:right; position:relative; margin-left:10px; width:29px; overflow:hidden;
z-index:9
}
div.head a.hsou img{ position:absolute; right:7px; top:3px;}
div.head a.hsou input{ display:block; margin:0px; height:27px; position:absolute; right:-158px; top:0px; border:1px solid #999; width:148px; border-radius:27px; line-height:27px; text-indent:15px;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; }
div.head a.hsou img.xiao{ display:none}
div.head a.hsou img.xian{ display:block}
div.head a.hsou.you{ width:150px;overflow:visible;}
div.head a.hsou.you input{ right:0px;}
div.head a.hsou.you img.xiao{ display:block}
div.head a.hsou.you img.xian{ display:none}
div.head a.hsou img.souclose{ width:22px; position:absolute; right:-22px; top:2px; z-index:9;}
/*pc端头部end*/



.hasimg{ display:block; overflow:hidden;}
.hasimg img{transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease; display:block; width:100%;}
.hasimg:hover img{
	   transform: rotate(2deg) scale(1.1);
            -webkit-transform: rotate(2deg) scale(1.1);
            -moz-transform: rotate(2deg) scale(1.1);
            -o-transform: rotate(2deg) scale(1.1);
            -ms-transform: rotate(2deg) scale(1.1);
	}


.hasdiv{ overflow:hidden; display:block;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: rotate(0deg)
}
.hasdiv .bkg{ display:block; width:100%;transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.hasdiv:hover .bkg{	   transform: rotate(0deg) scale(1);
            -webkit-transform: rotate(0deg) scale(1);
            -moz-transform: rotate(0deg) scale(1);
            -o-transform: rotate(0deg) scale(1);
            -ms-transform: rotate(0deg) scale(1);}

.l{ float:left;}
.r{ float:right;}
.animates{transition:All 0.4s ease;-webkit-transition:All 0.4s ease;-moz-transition:All 0.4s ease;-o-transition:All 0.4s ease;}

/*公共标题(居中)start*/
div.comtitle{ height:46px; line-height:46px; border-bottom:2px solid #2071b0; display:block; }
div.comtitle span{ float:left; width:133px; height:46px; text-align:center; background:url(../images/com.png);display:block; font-size:19px; color:#FFF; font-weight:bold;  }
div.comtitle a{ display:inline-block; float:right;}
div.comtitle p{ display:block; }
/*公共标题end*/



/*内页*/


.h2tab{padding: 0px 4px 0px 6px;
    color: rgb(255, 120, 0);
    line-height: 47px;
    overflow: hidden;
    font-size: 26px;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis; float:left; width:100%;}
.h2tab{color: rgb(255, 120, 0);}

ul.ulnewcommon{}
ul.ulnewcommon li{
	    background: url(../images/dot.png) no-repeat 4px 50%;
    line-height: 35px;
    overflow: hidden;
    padding-left: 1.2em;
    white-space: nowrap;
    text-overflow: ellipsis;
	}
ul.ulnewcommon li a{ color: rgb(51, 51, 51); display:block; float:left; width:290px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
ul.ulnewcommon li:hover a{color: rgb(255, 120, 0);}
ul.ulnewcommon li span{ display:inline-block;  float:right; font-family:Arial, Helvetica, sans-serif; color:#999; margin-right:0px;}
ul.ulnewcommon li.libig a{ width:100%;}



div.comtitle1{ border-bottom:2px solid #dcdcdc; height:35px; line-height:30px;}
div.comtitle1 a.c{ float:left; display:inline-block;    padding: 0px 14px 7px;
     text-align:center; font-size:19px;color: rgb(102, 102, 102);}
div.comtitle1 a.c.ses{font-weight: bold; background: url(../images/title.png) no-repeat 50% 100%;color: #0050C1;}



ul.tw{}

ul.tw li a.at{ display:block; font-weight:bold; padding-top:7px; font-size:18px; height:32px; line-height:32px; overflow:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
ul.tw li .tw_nr p{ }

.indexlogin{}




.banner{ display:block; text-align:center; width:100%; height:415px; background-position:center; background-repeat:no-repeat;}
.banner img{}
.neiye{}
.left{}
.left .left_title{}
.left .left_title span.leftc{}
.left .left_title span.lefte{}
.left .lefternav{}
.left .lefternav li{}
.left .lefternav li a.zhu{}
.left .lefternav li a.zhu.erhover{}
.left .lefternav li a.zhu:hover{}
.left .lefternav li div{}
.left .lefternav li div a{}
.left .lefternav li div a:hover{}
.left .lefternav li div a.sanhover{}
.right{ width:100%;}
.right .nycontent{}



.route{}
.route span.arr{}
.route p{ float:right}
.route p a{}
/*内页*/


.team{ margin: auto; }
.team img{  width: 171px; height: 123px; }
.team li{ float: left; width: 33.3%; margin-bottom: 20px; }
.team li .team_list{ width: 95%; margin: auto; padding:15px 0px; background: #f7f7f7;}
.team_con{width: 90%; margin: auto; height: 123px; overflow: hidden;}
.team_con .pic{ float:left; width: 50%; }
.team_con .text{ float: right; width: 45%; }
.team_con .text span{ display: block; font-size: 18px; color: #0050C1; margin: 10px auto;}
.team_con .text i{display: block; color: #999;}
.team_con .text p{ margin: 10px auto;}
.team li .text_jianjie{width: 90%; margin: 10px auto; line-height: 180%;height: 75px;  overflow: hidden;}

.team_tj{ margin: auto; overflow: hidden; }
.team_tj li{ float: left; width: 33.3%;  text-align: center; margin: 10px auto; }

.team_tj li img{ width:65px; height: 65px; border-radius:65px; margin: auto; }
.team_tj li p{ margin: 5px auto; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }

.job{ margin: 10px auto; }
.job li{ float: left; width: 33.3%; text-align: center; }
.job li a{ display: block; border-left: #ccc 1px solid;   background-position: center 10px; background-repeat: no-repeat; }
.job li:first-child a{ border:none; }
.job li a:hover{ background-color: #2071b0; color: #fff; }
.job li p{  padding-top: 40px; padding-bottom: 10px;}
.job li.li1 a{background-image: url(../images/lc.png);}
.job li.li1 a:hover{background-image: url(../images/lc1.png);}
.job li.li2 a{background-image: url(../images/sq.png);}
.job li.li2 a:hover{background-image: url(../images/sq1.png);}
.job li.li3 a{background-image: url(../images/biao.png); }
.job li.li3 a:hover{background-image: url(../images/biao1.png);}

.lxwm{ margin: 20px auto; width: 90%; font-size: 16px; line-height: 180%; }

.team_nr{ height: auto; margin: 20px auto; width: 100%; }

.team_nr .text span{ color: #333; margin-bottom: 20px; font-size: 18px; font-weight: bold; }
.team_nr .text .jianjie{ border-top: #ccc 1px dotted; padding-top: 15px; margin-top: 20px; line-height: 180%; }
.team_nr .text{ width: 48%; }


.hy_top{ width: 90%; margin: auto; border-bottom: #f5f5f5 1px solid; padding: 50px 0px; text-align: center;  }
.hy_top a{ display: inline-block; width: 200px;border:#017bd1 3px solid; padding: 10px 0px; text-align: center; font-size: 20px;  margin: auto 20px; border-radius:10px; -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);}
.hy_top a:hover{ background: #0050c1; color: #fff; }
.hy_top a.on{ background: #0050c1; color: #fff; }
.hy_mid{ margin: 20px auto; width: 90%; }
.hy_mid_sm{ padding-top:25px; margin-bottom:-20px; font-size:14px; line-height:26px; font-size:16px;}
.hy_left{ float: left; width: 800px; border-right: #f5f5f5 1px solid; }
.hy_left p{ margin: 20px auto; line-height: 40px;  overflow: hidden; font-size: 16px;}
.hy_left p span{ text-align:right;  width: 120px;  display: block; float: left;}
.hy_left p input[type="text"],.hy_left p input[type="password"]{ border: #c9c9c9 1px solid; background: #fafafa; line-height: 40px; width: 370px; float: left;  margin-left: 10px; margin-right: 10px; border-radius:5px; text-indent: 10px;}
.hy_left p textarea{border: #c9c9c9 1px solid; background: #fafafa; line-height: 20px; height: 50px; width: 370px; float: left;  margin-left: 10px;  border-radius:5px; }

.hy_left p textarea::-webkit-input-placeholder{ font-family: "Microsoft YaHei" }
.hy_left p textarea:-moz-placeholder{font-family: "Microsoft YaHei" }
.hy_left p textarea::-moz-placeholder{font-family: "Microsoft YaHei" }
.hy_left p textarea:-ms-input-placeholder{font-family: "Microsoft YaHei" }

.hy_left p i{ color: #f00; }
.hy_left p em{ padding-left: 10px; }
.code{width: 130px; height: 42px; line-height: 42px; color: #fff; text-align: center; border: none; background: #0050c1; border-radius:10px; cursor: pointer;}
.code:hover{background:#31b0d5;}
.search_btn {width: 140px;height: 45px;color: #fff;line-height: 45px; font-size: 18px; background: #0050c1; margin: 20px auto; margin-left: 230px;border: none; border-radius:10px; cursor: pointer;}
.search_btn:hover{background:#31b0d5;}

.search_btn1 {width: 100px;height: 35px;color: #fff;line-height: 35px; font-size: 14px; background: #0050c1; margin: 10px auto; border: none; border-radius:5px; cursor: pointer;}
.search_btn1:hover{background:#31b0d5;}
.hy_right{ float: right; width: 200px; margin-right: 20px; font-size: 16px; }
.hy_right p{ margin: 10px auto; }
.hy_right p a{ color: #f00; }
.hy_right dd{ margin: 30px auto; text-align: center; }
.hy_right dd img{border:#017bd1 5px solid; display: block; margin: 10px auto;-webkit-box-shadow: 0 0px 15px rgba(0,0,0,0.5); -moz-box-shadow: 0 0px 15px rgba(0,0,0,0.5); -o-box-shadow: 0 0px 15px rgba(0,0,0,0.5);box-shadow: 0px 0px 15px rgba(0,0,0,0.5); width:158px;}


.hy_but{ margin: 20px auto; font-size: 18px; }
.hy_but dd{ margin: auto;  text-align: center;}
.hy_but dd a{ display: inline-block; margin: 0px 10px; color: #0050c1;}
.hy_but dd a:hover{ text-decoration: underline; }
.hy_but p{ width: 50%; margin: 10px auto;  color: #333; font-weight: bold;}
.hy_but dd a.down{ background: url(../images/down.png) no-repeat left center; padding-left: 30px; }



 a.input {
   width:70px;
  height:40px;
   line-height:40px;
   background:#0050c1;
   text-align:center;
   display:inline-block;/*具有行内元素的视觉，块级元素的属性 宽高*/
   overflow:hidden;/*去掉的话，输入框也可以点击*/
   position:relative;/*相对定位，为 #file 的绝对定位准备*/
    color: #fff;
 }
 a.input:hover {
   background:#31b0d5;
   color: #ffffff;
 }

 #file,#file1,#file2 {
   opacity:0;/*设置此控件透明度为零，即完全透明*/
   filter:alpha(opacity=0);/*设置此控件透明度为零，即完全透明针对IE*/
   font-size:100px;
   position:absolute;/*绝对定位，相对于 .input */
   top:0;
   right:0;
 }


.login_box{ background: url(../images/loginbj.jpg) #fff no-repeat left top; margin: auto; padding: 100px 0px; }
.login_l{ float: left; width: 600px;  text-align: center; font-size: 50px; color: #fff; font-weight: bold;}
.login_l div img{ width: 162px; border:#017bd1 5px solid; display: block; margin: 100px auto;-webkit-box-shadow: 0 0px 15px rgba(0,0,0,0.5); -moz-box-shadow: 0 0px 15px rgba(0,0,0,0.5); -o-box-shadow: 0 0px 15px rgba(0,0,0,0.5);box-shadow: 0px 0px 15px rgba(0,0,0,0.5);}
.login_r{ float: right; width: 600px; }

.login_tit{ margin: 20px auto; font-size: 18px; text-align: center; }
.login_tit a{ display: inline-block; margin: 10px; border-bottom: #fff 2px solid; padding-bottom:10px;}
.login_tit a.on{ color: #002290; border-bottom: #002290 2px solid;}
.login_con{ margin: 30px auto; width: 60%;  font-size: 16px;}
.login_con p{ margin: 30px auto; }
.login_con p input[type="password"],.login_con p input[type="text"]{ height: 50px; line-height: 50px; border: #ccc 1px solid; width: 100%; text-indent: 10px; }

.login_con p input[type="submit"]{ width: 100%; height: 50px; line-height: 50px; background: #0050c1; color: #fff; border: none; border-radius:10px;  font-size: 18px; cursor: pointer;}
.login_con p input[type="submit"]:hover{ background:#31b0d5;  }
.login_con1{ margin: 20px auto; text-align: center;width: 60%; }
.login_con1 a{ color: #f00; }
.login_con1 a:hover{ color: #0050c1; }
.login_con1 li{ float: left; }
.login_con1 li.li1{ float: right; text-align: right; }
.login_con1 li.li1 a{ color: #333; }
.login_con1 li.li1 a:hover{ color: #0050c1; }
.login_con2{ margin: 50px auto;  color: #017bd1;  font-size: 16px; text-align: center;}
.login_con2 img{ margin: 20px auto; }
.login_index{ margin: 20px auto; text-align: center; padding-bottom: 100px; padding-top: 37px; font-size: 16px; }
.login_index a{ display: inline-block; margin: 10px;  border: #276ac6 2px solid; line-height: 35px; padding:0px 10px; border-radius:10px; background: #fff; color:#276ac6; }
.login_index a:hover{background:#276ac6;  color: #fff;}
.login_index a.on{ background:#276ac6;  color: #fff; }
.login_index a.on:hover{ background: #31b0d5; border: #31b0d5 2px solid;}

.login_nr{ width: 80%; margin: auto; padding: 20px 0px; font-size: 16px;  padding-bottom: 80px;}
.login_nr p{ margin: 20px auto; }