@charset "utf-8";
html{ font-size: 100px; }
body{font-family: sans-serif;  sans-serif; font-family: Roboto,sans-serif;  font-family: Roboto Condensed,color:#333; font-size:14px;}
*{margin:0px;padding:0px;list-style: none; }
img{border:0px; max-width: 100%;}
a{text-decoration:none;color:#333;}
a:hover{color:#1E50AE}
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 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;  display: block; }
.bak:hover {-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.pic,.pic1{ overflow: hidden; margin: auto; position: relative;}
.pic span{ background-repeat: no-repeat; background-position: center; background-size: cover; display: block;}
.pic span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; transition: all 0.5s;}

.pic1 span{background-repeat: no-repeat; background-position: center; background-size:contain; display: block;}
.pic1 span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: contain; transition: all 0.5s;}

.w1200{ width: 1200px; margin: auto; }
.content{ margin:20px auto; }
.middle{ margin: 30px auto; }

.top{ margin: auto; padding:20px;}
.logo{ float: left;  width: 140px; }
.nav_box{ text-align: center; padding-top: 20px; float: left;  width: calc(100% - 290px);}
.nav_name{ font-size: 20px; text-transform:uppercase; font-weight: bold; color: #006dae;}
.nav{  padding-top: 20px; }
.nav li{ text-align: center; position: relative; z-index: 999; display: inline-block; margin:0 15px;}
.nav li a.yi{ display: block; font-weight: bold; text-transform:uppercase;   }
.nav li a.yi i{ width: 0; height: 4px; background: #1E50AE;  transition: all 0.5s; display: block; margin:auto; margin-top: 15px; }
.nav li a.yi:hover i{width: 100%;}
.nav li.on a.yi i{width: 100%;}

.nav li .sub-box1{ position:absolute;text-transform:none; top:35px; left: 0;  width:300px; 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; padding:20px 20px; }
.nav li .sub-box a{ display: block; margin: auto; font-size: 14px;  text-align: left;  padding:7px 0; }
.nav li .sub-box a:hover{ text-decoration: underline; }
.logo_r{ float: right; width: 150px; }
.logo_r a{ display: block; height: 45px; line-height: 45px; border:#006dae 1px solid; text-align: center; text-transform:uppercase; font-weight: bold;}
.logo_r a:hover{ background:#006dae; color: #fff; }
.youshi_box{ margin:1rem auto; }
.index_dh{ text-align: center; font-size: 0.36rem; font-weight: bold; color: #000; font-family: Roboto,sans-serif;}
.youshi_con{ font-size: 0.22rem; line-height: 1.4; color: #000; width: 62%; margin:20px auto; text-align: center; font-family: Roboto,sans-serif;}

.youshi_list{ margin:0.5rem auto; font-family: Roboto Condensed,}
.youshi_list li{ float: left; width: 32%; margin-left:2%; margin-bottom: 2%; }
.youshi_list li a{ display: block; background: #fff; padding:30px 20px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -o-box-shadow: 0 1px 3px rgba(0,0,0,0.5);box-shadow: 0px 1px 3px rgba(0,0,0,0.5); transition: all 0.5s;}
.youshi_list li b{ font-size: 20px; color: #006dae; }
.youshi_list li p{ line-height: 1.5; font-size: 16px; min-height: 50px; margin-top: 10px; }

.youshi_list li .text{ float: left; width: 70%; margin-right:5%; }
.youshi_list li .pic{  float: right;}
.youshi_list li a:hover{-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.5); -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.5); -o-box-shadow: 0 5px 5px rgba(0,0,0,0.5);box-shadow: 0px 5px 5px rgba(0,0,0,0.5);}

.youshi_list li.li1{ margin-left: 17%; }
.youshi_list li.li3{ margin-left: 0; }

.box{background-repeat: no-repeat; background-position: center; background-size: cover; padding:0.6rem 0; }
.index_dh1{ color: #333; }

.youshi_list1{ margin:0.5rem auto; }
.youshi_list1 li{ float: left; width: 19.2%; width: 24.25%; margin-left: 1%; color: #fff; text-align: center; }
.youshi_list1 li .con{ padding:40px 0; background: rgba(0,0,0,0.6); min-height: 210px; min-height: 145px; }
.youshi_list1 li .pic{ margin:auto;  width: 60px;}
.youshi_list1 li .text{ margin:auto; color: #fff; }
.youshi_list1 li .text b{ display: block; margin:10px auto; font-size: 18px; display: block; margin:20px auto; max-width: 85%;  }
.youshi_list1 li.li1{ margin-left: 0; }
.youshi_list1 li .text p{ padding:0 40px; line-height: 1.5; }

.study_con{ border:#ddd 1px solid; margin:0.6rem auto; }
.study_con .text{ /*float: left; width: 48%;*/ position: relative; overflow: hidden; }
.study_con .text .con{ padding:40px 20px 40px 40px;  position: relative; z-index: 1;}
.study_con .text .con h2{ font-size:0.3rem; color: #000; font-weight: bold; font-family: Roboto Condensed,sans-serif;}
.study_con .text .con p{ margin:30px auto; line-height: 1.4; font-size: 16px; font-family: Roboto,sans-serif;}
.study_con .text .con a{ display: block; width: 2.3rem; height: 38px; line-height: 38px; background:#006DAE; color: #fff; text-align: center; font-family: Roboto,sans-serif; font-size: 16px;  }
.study_con .text .con a:hover{ background: #0289d4; }
.study_con .pic{  float: right; width: 52%; overflow: hidden; }
.study_con .pic span{ padding-top: 61.4%; }
.study_con .pic:after{ background:#fff; content: ""; -webkit-transform: skew(15deg); position: absolute; left: -10%; top: 0; width: 20%; height: 100%;}

.study_list{ margin:30px auto; }
.study_list li{ float: left; width: 32%; margin-left: 2%; border-bottom: #ddd 1px solid; margin-bottom:0.6rem; padding-bottom:20px; }
.study_list li .pic{ margin:auto; }
.study_list li .pic span{ padding-top: 63%; }
.study_list li .text{ margin:auto; }
.study_list li .text h3{ color: #006dae; font-size: 24px; display: block; margin:20px auto 10px auto; font-family: Roboto Condensed,sans-serif; font-weight: bold; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.study_list li .text p{ line-height: 1.4;  margin:15px auto; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; color: #666; font-size: 16px; min-height: 60px;}
.study_list li.li1{ margin-left: 0; }
.study_list li a:hover .text h2{ text-decoration: underline; }

.more{ margin:0 auto 0.6rem auto; }
.more a{display: block; width: 2rem; height: 48px; line-height: 48px; background:#006DAE; color: #fff; text-align: center; font-family: Roboto,sans-serif; font-size: 16px;  margin:auto;}
.more a:hover{ background: #0289d4; }
.study_tj{ margin:30px auto; }
.study_tj .pic{ float: left; width: 46%; }
.study_tj .pic span{ padding-top: 63%; }
.study_tj .text{ overflow: hidden; padding:40px; }
.study_tj .text h3{ font-size: 0.26rem; color: #006DAE; font-weight: bold; font-family: Roboto Condensed,sans-serif;}
.study_tj .text p{ font-size: 17px; line-height: 1.4; font-family: Roboto,sans-serif; margin:20px auto; color: #666;}
.study_tj .text em{ color: #999; }
.study_tj a{ display: block; border:#eee 1px solid; transition: all 0.5s; }
.study_tj a:hover{-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.5); -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.5); -o-box-shadow: 0 5px 5px rgba(0,0,0,0.5);box-shadow: 0px 5px 5px rgba(0,0,0,0.5);}


.foot{ background: #323232; color: #D2D2D2; }
.foot_nav{ margin:auto; padding:0.6rem 0; }
.foot_nav dl{ float: left; width: 16%; margin-left:0.1%; color: #D2D2D2; }
.foot_nav dl a{ color: #D2D2D2; }
.foot_nav dl dt{ font-size: 18px; text-transform:uppercase;  font-weight: bold;}
.foot_nav dl dd{ margin:15px auto; }
.foot_nav dl dd a{  font-size: 15px; }
.foot_nav dl dd a:hover{color: #fff;}
.foot_nr{ border-bottom: #505050 1px solid; border-top: #505050 1px solid; padding:40px 0; }
.foot_nr dl{ float: left; width: 25%; font-family: Roboto Condensed,sans-serif; color: #fff; }
.foot_nr dl dt{ font-size: 18px; font-weight: bold; }
.foot_nr dl dd{ margin:5px auto; }
.bq{ padding:40px 0; text-align: center; }

.nbanner{ margin: auto;  }
.nbanner .pic span{ padding-top: 20%; }

.left{ float: left; width: 20%; margin-right: 5%; }
.right{ overflow: hidden; }
.right_dh{ margin:30px auto 0 auto; }
.right_dh h1{ font-size: 0.32rem; font-weight: bold; font-family: Roboto Condensed,sans-serif;  }
.n_name{ color: #006DAE; font-size: 18px; padding-left: 15px; margin-bottom:20px; }
.n_name i{ display: block; width: 20px; height: 2px; margin-top: 20px; background:#006DAE; }
.n_dh{ margin: auto;   }
.n_dh li a{ padding: 10px 15px; display: block; font-size: 16px;  margin: auto;}
.n_dh li a:hover{color: #fff; background: #006DAE; }
.n_dh li a.on{color: #fff; background: #006DAE; }

.n_dh dl{ background: #f5f5f5; padding:1px 0;  }
.n_dh dl dd{margin:10px auto; /*border-bottom: #ddd 1px dotted;*/ padding-bottom:10px;}
.n_dh dl dd a:hover,.n_dh dl dd a.on{ color: #006DAE; }

.about_con{ width: 80%; }
.about_fl{ margin:1rem auto; }
.about_fl li{ float: left; width: 48%; margin:2% 1%; }
.about_fl li a{ display: block; border-bottom: #ddd 1px solid; padding-bottom: 20px; }
.about_fl li h2{ font-weight: bold; color: #006DAE; font-size: 24px; margin-bottom: 10px; font-family: Roboto Condensed,sans-serif;}
.about_fl li p{ font-size: 16px; line-height: 1.5; }
.n_jj{ margin:20px auto; }



.pic_list1{ }
.pic_list1 li{ margin:30px auto;}
.pic_list1 .pic{ float: left; width: 27%;  }
.pic_list1 .pic span{ padding-top: 63%; }
.pic_list1 .text{ overflow: hidden; padding:25px 20px 0 20px; }
.pic_list1 .text h3{ font-size: 0.2rem; color: #006DAE; font-weight: bold; font-family: Roboto Condensed,sans-serif;}
.pic_list1 .text p{  line-height: 1.4; font-family: Roboto,sans-serif; margin:10px auto; color: #666;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 15px;}
.pic_list1 .text em{ color: #999; }
.pic_list1 a{ display: block; border:#eee 1px solid; transition: all 0.5s; }
.pic_list1 a:hover{-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.5); -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.5); -o-box-shadow: 0 5px 5px rgba(0,0,0,0.5);box-shadow: 0px 5px 5px rgba(0,0,0,0.5);}

.pic_list11 .pic{ width: 13%; }
.pic_list11 .pic span{ padding-top: 128%; }

.news_l{ width: 30%; }
.news_l li a{ display: block; border:#eee 1px solid; background-image: #fff;transition: all 0.5s; -webkit-box-shadow: 0 0px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 2px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 2px rgba(0,0,0,0.2);box-shadow: 0px 0px 2px rgba(0,0,0,0.2);}
.news_l li h3{font-size: 0.26rem; color: #006DAE;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-weight: bold; font-family: Roboto Condensed,sans-serif; padding:20px;}
.news_l li .pic{ margin:auto; }
.news_l li .pic span{ padding-top:63% ;}
.news_l li p{ font-size: 16px; line-height: 1.5; padding:0 20px; margin:10px auto;}
.news_l li em{padding:10px 20px; display: block;}
.news_l li a:hover{-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.5); -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.5); -o-box-shadow: 0 5px 5px rgba(0,0,0,0.5);box-shadow: 0px 5px 5px rgba(0,0,0,0.5);}
.news_r{  float: right; width: 70%; }
.news_list li{ float: left; width: 46%; margin-left:4%; }
.news_list li a{transition: all 0.5s; -webkit-box-shadow: 0 0px 2px rgba(0,0,0,0.5); -moz-box-shadow: 0 0px 2px rgba(0,0,0,0.5); -o-box-shadow: 0 0px 2px rgba(0,0,0,0.5);box-shadow: 0px 0px 2px rgba(0,0,0,0.5); padding:20px; display: block;}
/*.news_list li:nth-child(2n) { float: right; }*/
.news_list li h3{font-size: 0.26rem; color: #006DAE;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-weight: bold; font-family: Roboto Condensed,sans-serif; }
.news_list li p{ font-size: 16px; line-height: 1.5;  margin:10px auto;}
.news_list li a:hover{-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.5); -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.5); -o-box-shadow: 0 5px 5px rgba(0,0,0,0.5);box-shadow: 0px 5px 5px rgba(0,0,0,0.5);}

.news_but li{ margin-left: 4%; margin-top: 30px; }
.news_but li a{ transition: all 0.5s; -webkit-box-shadow: 0 0px 2px rgba(0,0,0,0.5); -moz-box-shadow: 0 0px 2px rgba(0,0,0,0.5); -o-box-shadow: 0 0px 2px rgba(0,0,0,0.5);box-shadow: 0px 0px 2px rgba(0,0,0,0.5);  display: block; }
.news_but li .pic{ float: left; width: 48%; }
.news_but li .pic span{ padding-top: 63%; }
.news_but li .text{ overflow: hidden; padding:20px; }
.news_but li .text h3{font-size: 0.26rem; color: #006DAE;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-weight: bold; font-family: Roboto Condensed,sans-serif; }
.news_but li .text p{ margin:10px auto; line-height: 1.5; }
.news_but li a:hover{-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.5); -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.5); -o-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);box-shadow: 5px 5px 5px rgba(0,0,0,0.5);}

.news_box{ margin-bottom:0.5rem; }