@charset "utf-8";
@import "page.css";
@import "message.css";
@import "hdp.css";
@import "common.css";
body{font-size:16px; font-family:"Microsoft YaHei"; color:#333; overflow-x:hidden; min-width:1260px; }
*{ margin:0px; padding:0px; }
img{border:0px; max-width:100%; }
a{ text-decoration:none; color:#333;}
li{ list-style:none}
.clear{ clear:both}
i,em{ font-style:normal}
a:hover{ color:#e41a22}
.wap{ display:none}
.pc{ display:block}
input{ outline:none;}
div.middle{ width:1200px; margin:0px auto; max-width:96%; position:relative; display:block;}
.hasdiv{ overflow:hidden; display:block;}
.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.1);-webkit-transform: rotate(0deg) scale(1.1);-moz-transform: rotate(0deg) scale(1.1);-o-transform: rotate(0deg) scale(1.1);-ms-transform: rotate(0deg) scale(1.1);}

   #zuo {overflow:hidden; width: calc(100% - 152px); float:right; height:70px;   }
#inzuo { float: left; width: 800%;   }
#zuo1 { float: left;}
#zuo li{ float:left; list-style:none; margin-right:44px; font-size:16px;}
#zuo li a{ color:#777;}
#zuo li a:hover{ color:#e41a22;}
#zuo2 { float: left;}
div.comtitle{ text-align:left; display:block; height:30px; line-height:30px; }
div.comtitle span.c{ display:block; float:left; width:117px; color:#FFF; font-size:18px; text-indent:26px; height:30px; background:url(../images/comtitle.png) no-repeat;  }
div.comtitle a{ display:block; float:right; }
.top{ height:245px; width:100%; background:url(../images/top.jpg) center top no-repeat;}
img.logo{ float:left; margin:45px 0px 26px 0px;}
.shipei{ position: absolute; right: 72px; top: 20px; }
.shipei a.a1{ padding: 5px 15px; background: #0000ff; color: #fff; border-radius: 20px; }
.shipei a.a1 img{ margin-right: 2px; }
.shipei a.a1 span{ position:relative; top: -1px; }
.top dl{ float:right; margin:90px 72px 0px 0px; width:252px; height:31px;}
.top dl input{ display:block; float:left;border:1px solid #c5c6c8; height:29px; line-height:29px;border-top-left-radius:5px;border-bottom-left-radius:5px; border-right:0px; width:174px; padding-left:33px; background:url(../images/sousuo.png) 0px center no-repeat #FFF;}
.top dl img{ float:right; display:block; }
.menu{ height:67px; line-height:67px; background:#014da2; width:100%; position:relative; z-index:9999}
.menu li{ display:block; width:10%; float:left; height:100%; text-align:center; position:relative}
.menu li a{ color:#FFF; font-size:18px; display:block; height:100%; width:100%;}
.menu li:hover a,.menu li.select a{ background:#e41a22;}
.menu li div{ background:rgba(239, 65, 54, 0.7); position:absolute; left:0px; top:67px; width:100%; display:none; height:auto;}
.menu li div a{ height:40px; line-height:40px; border-bottom:1px dashed #CCC; font-size:16px;}
.menu li div a:hover{ background:#014da2}


/*--手机站导航开始------*/
.sp_header{height:65px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%; display: none;  -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);}
.sp_logo{padding:8px 10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:50px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:22px}
.sp_nav span{display:block;background:#4078c2;width:25px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:8px}
.sp_nav span:nth-of-type(3){top:16px}
.sp_nav_se span:nth-of-type(1){top:9px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:9px;transform:rotate(-45deg)}
/*.sjj_nav{position:fixed;z-index:9;background:#f7f7f7;width:100%;height:100%;line-height:35px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
*/
.sjj_nav{position:fixed;z-index:99;background:#f7f7f7;width:100%; height:100%;line-height:35px;right:-100%;overflow:auto;overflow-x:hidden;transition:right ease 0.35s; top: 65px;}

.nav_show{right:0px; }
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%;/*text-transform:uppercase; */display: block;}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#4078c2}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*----手机站导航结束----------*/

.wapfoot{background: #014da2; padding:14px 0px; color:#FFF}
.wapfoot ul{ text-align:center; border-bottom:1px solid #999; padding-bottom:14px;}
.wapfoot ul a{ color:#FFF; font-size:14px;}
.wapfoot ul span{ display:inline-block; padding:0px 14px; color:#eee; font-size:12px; position:relative; top:-1px;}
.wapfoot dl{ margin:auto; width:90%; padding-top:30px;}
.wapfoot dl p{ float:left; width:55%; font-size:14px; padding-top:20px;}
.wapfoot dl img{ float:right; width:100px; margin-right:2%}
.wapfoot dl i{ display:block; line-height:200%; padding-left:18px; }
.wapfoot dl i.i1{
    background: url(../images/1.png) 0px center no-repeat;background-size:auto 60%;}
.wapfoot dl i.i2{background: url(../images/2.png) 0px center no-repeat; background-size:auto 60%;}
.wapfoot dl i.i3{background: url(../images/3.png) 0px center no-repeat;background-size:auto 40%;}
.wapfoot p.cop{ text-align:center; padding-top:10px; font-size:12px;}
.wapfoot p.cop i,.wapfoot p.cop a{ display:inline-block; padding:0px 14px; color:#FFF}
@media only screen and (max-width: 1200px) {
.dian{ height: 65px; }
}
.gonggao{ margin-bottom:13px; height:70px; line-height:70px;}
.gonggao i{ font-size:16px; color:#1f1a17; display:block; float:left; padding:0px 30px 0px 7px;}
.gonggao img{ float:left; margin-top:19px;}
.neiye{ padding-top:38px;}
.left{ display:block; width:250px; float:left; padding-bottom:20px;}
.left .left_title{border-bottom:3px solid #fe8c1a; height:94px; background:url(../images/l.png) right center no-repeat #014da2;}
.left .left_title span.leftc{ margin-top:30px; float:left; padding-left:14px; background:url(../images/huanggang.png) 0px center no-repeat; display:block; margin-left:27px; font-size:20px; color:#FFF; font-weight:bold; width:236px;}
.left .left_title span.lefte{ display:block; width:100%; text-indent:69px; font-family:Arial, Helvetica, sans-serif;color:#FFF; font-size:12px; font-weight:bold;}
.left .lefternav{ margin-top:28px; background:#fafafa; padding-bottom:90px; margin-bottom:20px;}
.left .lefternav li{ height:35px; display:block; border-left:3px solid #fafafa; line-height:35px;background:url(../images/sj1.png) 62px center no-repeat #fafafa; margin-bottom:13px; }
.left .lefternav li a.zhu{ display:block; width:100%; height:100%;  font-size:16px; text-indent:85px;}
.left .lefternav li.erhover,.left .lefternav li:hover{border-left:3px solid #fe8c1a;background:url(../images/sj.png) 62px center no-repeat #e41a22;}
.left .lefternav li.erhover a.zhu,.left .lefternav li:hover a.zhu{color:#FFF;}
/*.left .lefternav li div{}
.left .lefternav li div a{}
.left .lefternav li div a:hover{}
.left .lefternav li div a.sanhover{}*/
.right{ float:right; width:916px; padding-bottom:20px;}

.route{ height:56px; line-height:56px; background:url(../images/route.png) repeat-x;}
.route span.arr{ float:left; display:block; padding-left:42px; display:none}
.route p{ float:left; padding-left:42px;}
.route p a.cur{ color:#e41a22}

ul.ulschool{ padding-top:20px;}
ul.ulschool li{ display:block; float:left; width:299px; height:66px; margin-right:9px; color:#FFF; cursor:pointer;}
ul.ulschool li img{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; display:block; float:left; margin:12px 15px 0px 67px;}

ul.ulschool li.li1.selfli{ height:37px; line-height:37px; border-radius:45px; display:inline-block; width:auto; padding:0px 17px;}
ul.ulschool li.li1.selfli p{ padding-top:0px;}
ul.ulschool li:hover img{
	-webkit-transform: rotate3d(0,1,0,360deg);
    -moz-transform: rotate3d(0,1,0,360deg);
    transform: rotate3d(0,1,0,360deg);
	}



ul.ulschool li p{ display:block; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-top:14px;}
ul.ulschool li p span{ display:block; font-size:16px; font-weight:bold; font-family:"微软雅黑"}
ul.ulschool li.li0{ background:#014da2;}
ul.ulschool li.li1{background:#fe8c1a;}
ul.ulschool li.li2{ background:#e41a22;margin-right:0px;}
ul.ulschool li.li0:hover,ul.ulschool li.li0.sanhover{ background:#014da2;}
ul.ulschool li.li1:hover,ul.ulschool li.li1.sanhover{background:#fe8c1a;}
ul.ulschool li.li2:hover,ul.ulschool li.li2.sanhover{ background:#e41a22;}
.index{}
.newtab{ float:right; width:50%;}
.tab{ border-bottom:1px solid #dddddd; height:49px; line-height:49px;}
.tab .atab{ display:inline-block; float:left; font-size:20px; height:49px; margin-right:45px;}
.tab .atab:hover,.tab .atab.ses{ border-bottom:2px solid #e41a22; font-size:24px; height:48px; color:#e41a22; font-weight:bold; line-height:45px;}
.tab img{ float:right; display:inline-block; margin-top:6px;}
.newtab_nr{ padding-top:20px;}
.newtab_nr dl{ display:block; background:#f1f1f1;}
.newtab_nr dl img{ display:block; height:121px; width:178px; float:left; }
.newtab_nr dl p{ line-height:24px; color:#777777; float:left; display:block; width:370px; padding-left:28px;}
.newtab_nr dl p a{ color:#e41a22; margin-bottom:8px; font-size:16px; width:100%; display:block; padding-top:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;   }
.newtab_nr dl p i{display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.newtab_nr ul{ display:block; width:100%}
ul.ulcom1{}
ul.ulcom1 li{ height:44px; line-height:44px; border-bottom:1px dashed #ccc; background:url(../images/list.png) 0px center no-repeat;}
ul.ulcom1 li a{ display:block; float:left;white-space:nowrap;overflow:hidden; text-indent:23px; font-size:18px;text-overflow:ellipsis;width: calc(100% - 107px);}
ul.ulcom1 li span{ display:inline-block; float:right; font-size:16px; font-family:Arial, Helvetica, sans-serif;}
.tabnr{}
.tabnr .tabnr_zi{ display:none}
.san{ display:block; margin-top:50px; height:810px; width:100%; background:url(../images/san.jpg) center center no-repeat;}
.san .middle{ padding:89px 0px 95px 0px;}
.smallsan{ background:#FFF; padding-bottom:15px;}
.xyhd{ float:left; width:371px; margin:42px 0px 0px 30px;}
ul.xyhd_ul{ padding-top:18px;}
.animates{transition:All 0.4s ease;-webkit-transition:All 0.4s ease;-moz-transition:All 0.4s ease;-o-transition:All 0.4s ease;}
ul.ulcom2{}
ul.ulcom2 li{ border-bottom:1px solid #e4e4e4; margin-bottom:15px; padding-bottom: 15px; /* height:83px;*/}
ul.ulcom2 li .hasdiv{ display:block; float:left; width:61px; height:61px; position:relative}
ul.ulcom2 li .hasdiv img{ display:block; width:100%; height:100%;}
ul.ulcom2 li .hasdiv span{ position:absolute; left:0px; top:0px; width:100%; height:100%; left:0px; top:0px; display:block; color:#FFF; background:#014da2; text-align:center;opacity:0; filter:alpha(opacity=0); font-size:20px; font-family:Arial, Helvetica, sans-serif; padding-top:9px;}
ul.ulcom2 li .hasdiv span i{ display:block; font-size:14px;}
ul.ulcom2 li:hover .hasdiv span{opacity:1; filter:alpha(opacity=1);}
ul.ulcom2 li p{ display:block; float:left; width:286px; margin-left:20px;}
ul.ulcom2 li p i{ display:block; color:#777; line-height:22px;  height:44px; overflow:hidden; width:100%;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; padding-top:3px;}
ul.ulcom2 li p a{ display:block; width:100%; font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; overflow:hidden;}
.xygl{ float:left; display:block;margin:42px 0px 0px 39px; width:380px;}
.xygl .hasdiv{ margin-top:18px;}
.xygl .hasdiv .bkg{ padding-bottom:54.4%;}
.xygl ul{ padding-top:5px;}
.xygl ul li{ height:47px; line-height:47px;}
.llyj{ float:left; width:313px; display:block;margin:42px 0px 0px 35px;}
ul.ulllyj{ padding-top:18px;}
.adsan{ padding:50px 0px 40px 0px;}
.adsan li{ display:block; float:left; width:392px; height:107px;}
.adsan li img{ float:left; margin:21px 0px 0px 32px;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;  }
.adsan li:hover img{-webkit-transform: rotate3d(0,1,0,360deg);
    -moz-transform: rotate3d(0,1,0,360deg);
    transform: rotate3d(0,1,0,360deg);}


.adsan li p{ display:block; float:left; width:270px;padding:26px 0px 0px 19px; color:#FFF}
.adsan li p a{ display:block; font-size:20px; color:#FFF; font-weight:bold; }
.adsan li p i{ display:block; padding-top:6px; font-size: 14px;}
.adsan li.li0{ background:#014da2;}
.adsan li.li1{ margin-left:12px;background:#fe8c1a;}
.adsan li.li2{ float:right;background:#e41a22;}
.ad{ padding-bottom:20px;}
.ad img{display:block; margin:auto; max-width:100%;}
.indexzp{ }
.zptab_nr{padding-top:20px;}
.zptab_nr ul.ul_zp{}
.zptab_nr ul.ul_zp li .hasdiv{ display:block; position:relative;}
.zptab_nr ul.ul_zp li .hasdiv .bkg{ height:344px;}
.zptab_nr ul.ul_zp li .hasdiv p{ position:absolute; bottom:0px; left:0px; width:100%; display:block; height:51px; line-height:51px; color:#FFF; font-size:16px; background:rgba(49,35,32,0.6);}
.zptab_nr ul.ul_zp li .hasdiv:hover p{ background:#e41a22}
.zptab_nr ul.ul_zp li .hasdiv p span{ display:block; float:left; padding-left:30px;}
.zptab_nr ul.ul_zp li .hasdiv p i{ display:block; float:left;}
.zptab_nr ul.ul_zp li .hasdiv p em{ display:block; float:left; margin-left:20px;}
.zptab_nr ul.ul_zp li.l0{ float:left; width:473px;}
.zptab_nr ul.ul_zp li.l0 .hasdiv p span{ width:224px;}
.zptab_nr ul.ul_zp li.l1{ width:473px; margin-left:15px; float:left;}
.zptab_nr ul.ul_zp li.l1 a.hasdiv .bkg{ height:163px;}
.zptab_nr ul.ul_zp li.l1 .hasdiv p span{ width:224px;}
.zptab_nr ul.ul_zp li.l1 a.hasdiv.a1{ float:left;margin-top:14px;}
.zptab_nr ul.ul_zp li.l1 a.hasdiv.a2{ float:right; margin-top:14px;}
.zptab_nr ul.ul_zp li.l1 a.hasdiv.aa{ width:229px;}
.zptab_nr ul.ul_zp li.l1 a.hasdiv.aa .bkg{ height:167px; background-color:#000}
.zptab_nr ul.ul_zp li.l1 a.hasdiv.aa p span{ }
.zptab_nr ul.ul_zp li.l1 a.hasdiv.aa p i{ padding-left:30px;}
.zptab_nr ul.ul_zp li.l2{ float:right; width:224px;}
.zptab_nr ul.ul_zp li.l2 .bkg{}
.zptab_nr ul.ul_zp li.l2 a.hasdiv p span{ }
.zptab_nr ul.ul_zp li.l2 a.hasdiv p i{ padding-left:30px;}
.link{ padding-top:13px; padding-bottom:70px;}
.linknr{ padding-top:20px;}
.linknr a.hasdiv{ display:block; float:left; margin-left:-1px; margin-top:-1px; border:1px solid #dddddd;}
.linknr a.hasdiv .bkg{ height:102px; width:239px; background-size:contain;}
.foot{ background:#014da2;}
.foot .f1{ height:278px;}
.foot .f1 ul{ display:block; float:left; padding-top:62px; width:150px;}
.foot .f1 ul a{ color:#FFF; display:block; color:#a4b5d4; line-height:27px;}
.foot .f1 ul a.at{ font-size:16px; color:#FFF; line-height:100%; margin-bottom:30px;}
.foot .f1 dl{ float:right; margin-top:62px; display:block; width:373px;}
.foot .f1 dl p{ float:left; width:257px;}
.foot .f1 dl p i{ display:block; height:46px; line-height:46px; padding-left:35px; color:#80a6d1;}
.foot .f1 dl p i.i1{ background:url(../images/1.png) 0px center no-repeat;}
.foot .f1 dl p i.i2{ background:url(../images/2.png) 0px center no-repeat;}
.foot .f1 dl p i.i3{ background:url(../images/3.png) 0px center no-repeat;}
.foot .f1 dl img{ display:block; float:right; margin-top:10px;}
.foot .f2{ border-top:1px solid #1b5fab; height:55px; line-height:55px;}
.foot .f2 p{ display:block; color:#FFF}
.foot .f2 p a{  color:#FFF; display:inline-block; padding:0px 9px;}
.foot .f2 p.l{ float:left;}
.foot .f2 p.r{ float:right;}