@charset "utf-8";
/* CSS Document */
/*切图：bwh*/
html{ overflow-x:auto; overflow-y:auto; font-size:14px;}
*{ padding:0; margin:0;}
ul, ol,li{ list-style-type:none;}
body, button, input, select, textarea{ font-family:'Merriweather-Light';}
code, kbd, pre, samp {font-family:'Merriweather-Light';}
a{ text-decoration:none; color:#333;
-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;}
a:hover{color:#3858a1; cursor:pointer;}
img{border:0; max-width:100%;}
li { line-height:normal; }
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family:'Merriweather-Light'; }
h1{font-size: 32px;}
h2{font-size: 24px;}
h3{font-size: 22px;}
h4{font-size: 18px;}
h5{font-size: 14px;}
h6{font-size: 12px;}  
input,table,tr,td{ margin:0; padding:0; border:none; outline:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
body{ position:relative; overflow:hidden; background:#f6f6f6;}
select{ margin:0; padding:0; font-family:'Merriweather-Light';}
input,
button,
textarea{ resize:none;-webkit-appearance:none;-webkit-appearance:none; outline:none; font-weight:normal; border-radius:0;}



@font-face {
  font-family: 'Merriweather-Light';
  src: url('Merriweather-Light.eot');
  src: url('Merriweather-Light.eot?#iefix') format('embedded-opentype'), url('Merriweather-Light.woff') format('woff'), url('Merriweather-Light.ttf') format('truetype'), url('Merriweather-Light.svg#glyphicons-halflingsregular') format('svg');
}

@font-face {
  font-family: 'Merriweather-Black';
  src: url('Merriweather-Black.eot');
  src: url('Merriweather-Black.eot?#iefix') format('embedded-opentype'), url('Merriweather-Black.woff') format('woff'), url('Merriweather-Black.ttf') format('truetype'), url('Merriweather-Black.svg#glyphicons-halflingsregular') format('svg');
}


.pz_top{ float:left; width:100%; z-index:99;}
.pz_menu{float:left; width:100%;}
.pz_banner{ float:left; width:100%; overflow:hidden; position:relative; z-index:1;}
.pz_main{ float:left; width:100%;}
.pz_down{ float:left; width:100%;  }
.w_100{width: 100%;}


/*top*/
.pc_top{ display:block;}		
.ph_top{ display:none;}

.back1{ float:left; width:100%; background:#2b2b2b;}
.Welcome{ float:left; color:#d5d5d5; font-size:12px; line-height:30px;}
.Choose_language{ float:left; width:160px; position:relative; z-index:99;margin-left:10px;}
.Choose_language h4{ float:left; width:100%; margin-top:30px;}
.Choose_language h4 a{ float:left; width:100%; height:30px; line-height:30px; color:#365ba4; font-size:12px; background:url(../files/top3.jpg) right center no-repeat;}
.Choose_language ul{ display:none; float:left; width:100%; background:url(../files/top4.png) center repeat; position:absolute; left:0; top:60px; padding:10px;}
.Choose_language ul li{ float:left; width:100%;}
.Choose_language ul li a{ float:left; width:100%; color:#fff; font-size:12px; line-height:24px;}

.so_box{ float:left; position:relative; z-index:99; margin-left:300px; margin-top:30px;}
.Search_but{ float:left; width:16px; height:30px; border:none;background:url(../files/search_but.png) center no-repeat;}
.so_but{ display:none;float:left; width:300px; height:49px; position:absolute; right:-17px; top:30px; background:url(../files/search_but2.png) center no-repeat; padding:8px 1px 1px 1px; z-index:99;}
.so{ float:left; width:100%;}
.so .Search{ float:left; width:100%; height:40px; background:none; border:none; line-height:48px; padding:0 58px 0 10px; color:#666666; font-size:14px;}
.so .sear_sub{ float:right; width:48px; height:40px; border:none;background:url(../files/search_but.png) center no-repeat; position:absolute; right:1px; bottom:1px;}


.back2{ float:left; width:100%; background:url(../files/top1.png) center repeat; border-bottom:1px solid #e9e9e9;}
.logo{ float:left; width:449px; height:75px; margin:10px 0; }
.Online_Application{ float:right; margin:20px 0;}
.Online_Application a{ float:left; padding:0 30px; height:47px; line-height:45px; text-align:center; color:#3858a1; font-size:14px; border:1px solid #dfe4f0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-decoration:underline; margin-left:15px;}
.Online_Application a:hover{ box-shadow:0 3px 10px #ccc;}
.back3{ float:left; width:100%; background:url(../files/top2.png) center repeat; background:#365ba4;}
.back3_1{ float:left; width:100%; background:url(../files/top2.png) center repeat; position:fixed; left:0; top:0; box-shadow:0 3px 5px #ccc; -moz-box-shadow:0 3px 5px #ccc; -webkit-box-shadow:0 3px 5px #ccc;}

/*menu*/
.nav{ float:left; }
.nav li{ float:left; margin:0 10px;}
.nav li .l1{float:left;color:white; font-size:18px; font-family: 'Merriweather-Black'; height:48px; line-height:48px; padding:0 14px; position: relative;}
.nav li.on .l1,
.nav li:hover .l1{ background:none; color:white1;}
.nav li .l1:before{ position:absolute; width:0; height:2px; content:""; background-color:#3858a1; left:50%; top:46px; 
        transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
        transform:translateX(-50%);
   -moz-transform:translateX(-50%);
     -o-transform:translateX(-50%);}
.nav li.on .l1:before,
.nav li:hover .l1:before{ width:100%;}
.nav li .nav-w {z-index:99;position:absolute;display:none;float:left; width:200px;clear:both;overflow:hidden;top:48px;background:rgba(255,255,255,0.9);left:50%; margin-left:-100px;}
.nav li .section-nav1{ height:auto; overflow: hidden;}
.nav li .section-nav1 ul {position:static;margin:0px;width:100%;overflow:hidden;}
.nav li .section-nav1 ul li {position:static;margin:0px;width:100%;background:none;float:left;}
.nav li .section-nav1 ul li a { float:left; width:100%; background:none; height:40px;line-height:40px;color:#333333;font-size:13px; padding:0; text-align:center; border-bottom:1px solid #e9e9e9;font-family: 'Merriweather-Black';}
.nav li .section-nav1 ul li a:hover { background:#3858a1; color:#fff;}
.nav li.first{ background:none; padding-left:0;}


.pc_top{ display:block;}		
.ph_top{ display:none;}
.pc_menu{ display:block;}
.menuph{ display:none;}
.xialaph{ display:none;}


@media screen and (max-width:1199px) {

.logo{ width:299px; height:50px; margin:10px 0; }
.so_but_ph{ float:left; width:100%; padding:15px;}
.so_ph{ float:left; width:100%; position:relative;}
.so_ph .Search{ float:left; width:100%; height:40px; background:none; border:1px #3858a1 solid; line-height:40px; padding:0 50px 0 10px; color:#666666; font-size:14px;}
.so_ph .sear_sub{ float:right; width:40px; height:40px; border:none;background:#3858a1 url(../files/search_but.png) center no-repeat; position:absolute; right:0; bottom:0;}


.pc_top{ display:none;}		
.ph_top{ display:block;}
.pc_menu{ display:none;}
.menuph{ display:block;}
.xialaph{ display:block;}


/*手机按钮*/
.menuph{ float:right; width:42px; height:40px; cursor: pointer; text-align: center; background:#3858a1; padding:9px 7px; margin-top:15px;}
.menuph .point {  display: inline-block;  width: 28px;  height: 22px; position: relative;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before {  width: 28px;  }
.menuph .navbtn {  position: absolute;  top: 10px;  right: 0;  display: inline-block;  width: 21px;  height: 2px;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #fff;  }
.menuph .navbtn::after,
.menuph .navbtn::before {  position: absolute;  right: 0;  display: inline-block;  width: 28px;  height: 2px;  content: '';  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #fff;  }
.menuph .navbtn::after {  top: -11px;  }
.menuph .navbtn::before {  top: 10px;  }
.menuph .point.active .navbtn{  background: transparent;  }
.menuph .point.active .navbtn::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px;  }
.menuph .point.active .navbtn::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px;  }

/*手机下拉*/
.xialaph{ position:absolute; left:0; top:70px; float:left; width: 100%; padding-bottom:40px;  display: none;  z-index:9999; background:#fff;   }
.xialaph .ul2,
.xialaph .ul3{  display: none;  }
.xialaph h4 a{  color: #000000;  font-size:16px;line-height: 56px;  }
.xialaph h4{ float:left; width:100%; position:relative;}
.xialaph li:last-child h4::before{  content: '';  position: absolute;  bottom: 0;  left: 0;  width: 100%;  height: 1px;  background-color: #e5e5e5; /*opacity: 0.1;*/  }
.xialaph h4:hover a,
.xialaph h5:hover a{  color: #3858a1; }
.xialaph h4::after{  content: '';  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 1px;  background-color: #e5e5e5; /*opacity: 0.1;*/  }
.xialaph h5 a{  color: #000000;  font-size:14px; line-height: 45px;  }
.xialaph h5{ float:left; width:100%; padding:0 15px;  position: relative;  }
.xialaph h5::after{  content: '';  position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 1px;  background-color: #e5e5e5; /*opacity: 0.05;*/  }
.xialaph li:last-child h5::after{  display: none;  }
.xialaph h4 img{  width: 15px;  height: 8px;  float: right;  margin-top: 24px;  cursor: pointer;  }
.xialaph h5 img{  width: 11px;  height: 6px;  float: right;  margin-top: 26px;  margin-right: 18px;  cursor: pointer;  }
.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s{  display: none;  }
.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d{  display: block;  }
.xialaph .ul2{ float:left; width:100%; padding:0 15px;}
.xialaph .ul3{  padding-top: 12px;  padding-bottom: 18px;  padding-left: 15px;  position: relative;  }
.xialaph .ul3::after{  content: '';  position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 1px;  background-color: #e5e5e5;  }
.xialaph li:last-child .ul3::after{  display: none;  }
.xialaph .ul3 li a{  color: #333;  font-size: 14px;  line-height: 35px;  display: block;  }
.xialaph .ul3 li{  padding-top: 5px;  }
.xialaph .ul3 li:first-child{  padding-top: 0;  }
.xialaph .phsou{  position: relative;  margin-top: 34px;
}
.xialaph .phsou input{  width: 100%;  height: 56px;  background-color: #fff; color: #aaa;  font-size: 14px;  padding-left: 20px;  border: 1px solid #e5e5e5;  }
.xialaph .phsou img{  cursor: pointer;  width: 21px;  height: 22px;  position: absolute;  top: 17px; right: 29px;  }
.img_d, .disno{  display: none;  }

.Choose_language{ width:42px; margin:15px 15px 0 0;}
.Choose_language h4{ width:42px; height:40px;margin-top:0px!important;margin-left:100px;}
.Choose_language h4 a{ background:#3858a1; line-height:40px; height:40px; text-align:center; text-transform:uppercase; font-size:16px;font-family: 'Merriweather-Black';color:white;}

.Online_Application{ margin:0; width:100%; padding:15px; border-top:1px solid #e5e5e5;}
.Online_Application a{ float:none; display:inline-block; *display:inline; *zoom:1; margin:0 8px;}

}

@media screen and (max-width:767px) {

.logo{ width:186px; height:31px; margin:15px 0;}
.menuph{ margin-top:10px;}
.xialaph{ top:60px}
.Choose_language{ margin:10px 10px 0 0;}
.Online_Application a{ padding:0 16px; height:40px; line-height:40px;}


}


/*phone底部导航*/
.q_d_m{float:left; width:100%; height:50px;}
.pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#3858a1; z-index:99; border-top:1px solid #fff;}
.pf_down li{ width:33.333333%; float:left; text-align:center; padding:7px 0 4px 0; border-right:1px solid #fff;}
.pf_down li .ico7{ width:100%; float:left; height:20px;}
.pf_down li .d_name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#fff; line-height:14px;}
.pf_down li.l1 .ico7{ background:url(../files/btn15.png) no-repeat center; background-size:20px 20px;}
.pf_down li.l2 .ico7{ background:url(../files/btn16.png) no-repeat center; background-size:20px 20px;}
.pf_down li.l3 .ico7{ background:url(../files/btn17.png) no-repeat center; background-size:20px 20px;}
.pf_down li:nth-child(3n){ border:none;}


/*banner*/
.slide_banner{ float:left; width:100%;overflow:hidden;}
.slide_banner .slick-slide{ width:100%; padding:0;}
.slide_banner img{ width:100%;}
.slide_banner .slick-prev{ width:0; height:0; overflow:hidden;}
.slide_banner .slick-next{ width:0; height:0; overflow:hidden;}
.slide_banner .slick-dots{ width:1170px; height:13px; bottom:172px; left:50%; margin-left:-585px; text-align:right; z-index:11;}
.slide_banner .slick-dots li{ width:13px; height:13px; margin:0 0 0 7px; content:" "; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;  background:#9e9e9e; overflow:hidden;}
.slide_banner .slick-dots li button{ width:0; height:0; overflow:hidden;}
.slide_banner .slick-dots li.slick-active{ background:#3858a1;}


.zy_banner{ float:left; width:100%; line-height:0;}


@media screen and (max-width:1199px) {

.zy_banner{ margin-top:0;}
.slide_banner{ margin:0; }	
.slide_banner .slick-dots{ width:962px; margin-left:-481px;}
	
}

@media screen and (max-width:992px) {
	
.slide_banner .slick-dots{ height:10px; width:100%; bottom:12px; left:0; margin-left:0; text-align:center;}
.slide_banner .slick-dots li{ width:10px; height:10px; margin:0 0 0 7px;}	
	
	
}

/*main*/
.back4{ float:left; width:100%; background:url(../files/top4.png) center top repeat-x; position:relative; margin-top:-250px; z-index:10;}
.back4 img{ float:left; width:100%;}
.pz_pf{ float:left; width:100%; height:100%; position:fixed; top:0; left:0; z-index:100;}
.tent_out a{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; background:url(../files/top4.png) center repeat; z-index:101;}
.pf_cont{ float:left; width:680px; height:360px; position:absolute; left:50%; top:50%; margin:-180px 0 0 -340px; z-index:102;}



@media screen and (max-width:992px) {
.back4{ margin-top:0;}
.pf_cont{ width:80%; height:auto; left:0; top:30%; margin:0 10%;}

}



/*mian*/
.home_tit1{ float:left; width:100%; color:#fff; font-size:36px; line-height:36px; margin-top:35px;  font-family: 'Merriweather-Black';}
.home_tit2{ float:left; width:100%; color:#fff; font-size:24px; line-height:24px; margin-top:22px;}
.home_news_list{ float:left; width:100%; margin-top:35px;}
.home_news_list li{ float:left; width:50%; padding:0 15px;}
.home_news_list li a{ float:left; width:100%; background:#fff; padding:56px 52px 40px 52px; text-align:center;}
.home_news_list li h3{ float:left; width:100%; color:#242424; font-size:18px; line-height:26px; height:78px; overflow:hidden;  font-family: 'Merriweather-Black'; margin-bottom:38px;}
.home_news_list li span{ display:inline-block; *display:inline; *zoom:1; width:121px; height:42px; line-height:42px; text-align:center; color:#1c1c1c; font-size:14px; border-top:1px solid #000000; border-bottom:1px solid #000000; font-family: 'Arial';
-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;
}
.home_news_list li:hover span{ background:#3858a1; color:#fff; border-top:1px solid #3858a1; border-bottom:1px solid #3858a1;}


.home_news_list .slick-dots{ width:0; height:0; overflow:hidden;}
.home_news_list .slick-prev{ width:0; height:0; overflow:hidden;}
.home_news_list .slick-next{ width:0; height:0; overflow:hidden;}



@media screen and (max-width:992px) {
.home_tit1{ font-size:20px; line-height:20px; margin-top:20px;}
.home_tit2{ font-size:18px; line-height:18px; margin-top:10px;}
.home_news_list{  margin-top:20px;}
.home_news_list li a{ padding:28px 12px;}
.home_news_list li{ padding:0 8px;}
.home_news_list li h3{ margin-bottom:19px; font-size:16px;}


}

@media screen and (max-width:767px) {

.home_news_list{  margin-top:12px;}
.home_news_list li{ width:100%; padding:8px;}


}


.home_list{ float:left; width:100%; margin:15px 0;}
.home_list li{ float:left; width:33.33333%; padding:15px;}
.home_list li a{ float:left; width:100%; background:#fff;}
.h_pic1{ float:left; width:100%; overflow:hidden; position:relative;}
.h_pic1 img{
-webkit-transition: all 0.4s ease-out 0s; 
-moz-transition: all 0.4s ease-out 0s; 
-o-transition: all 0.4s ease-out 0s; 
transition: all 0.4s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.home_list li a:hover .h_pic1 img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.h_pic1 span{ float:left; width:50px; height:50px; line-height:50px; text-align:center; position:absolute; left:0; top:0; color:#fff; font-size:14px; background:rgba(56,88,161,0.9);}
.h_tx1{ float:left; width:100%; padding:30px; height:244px;}
.h_tx1 h4{ float:left; width:100%; color:#313131; font-size:16px; line-height:26px;  font-family: 'Merriweather-Black';
-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;}
.h_tx1 p{ float:left; width:100%; color:#575757; font-size:14px; line-height:24px; height:96px; overflow:hidden;margin-top:10px;}
.home_list li a:hover .h_tx1 h4{ color:#3858a1;}

.home_list .slick-dots{ width:0; height:0; overflow:hidden;}
.home_list .slick-prev{ width:0; height:0; overflow:hidden;}
.home_list .slick-next{ width:0; height:0; overflow:hidden;}


@media screen and (max-width:992px) {
.home_list li{ padding:8px;}
.h_tx1{ padding:20px 12px;}

}
@media screen and (max-width:767px) {
.home_list li{ width:100%;}
.h_tx1 h4{ overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
.h_tx1{ height:auto;}

}

.home_pic{ float:left; width:100%;}
.home_pic li{ float:left; width:25%; line-height:0; background:#000; overflow:hidden; position:relative;}
.home_pic li img{
-webkit-transition: all 0.4s ease-out 0s; 
-moz-transition: all 0.4s ease-out 0s; 
-o-transition: all 0.4s ease-out 0s; 
transition: all 0.4s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic; opacity:0.8;filter: alpha(opacity=80);}
.home_pic li:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.home_pic li span{ position:absolute; left:0; bottom:0; background:url(../files/main8.png) center bottom repeat-x; color:#fff; font-size:30px; line-height:30px; text-align:center; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; padding:20px 5px 25px 5px; float:left; width:100%;}



@media screen and (max-width:992px) {
.home_pic li span{ font-size:20px; padding:25px 5px 20px 5px;}

}

@media screen and (max-width:767px) {
.home_pic li{ width:50%;}


}



/*down*/
.bq{ float:left; width:100%; color:#333333; font-size:12px; line-height:22px; border-top:1px solid #e8e8e8; padding:14px 0;}
.bq a{ color:#333;}
.bq a:hover{ color:#3858a;}
.foot_share{ float:left; margin:18px 0 16px 0;}
.fx_tit{ float:left; line-height:37px; color:#101010; font-size:14px;}
.fx_cont{ float:left; margin-left:14px;}
.fx{ float:left; width:37px; height:37px; margin-right:8px; position:relative;}
.fx1{ float:left; width:37px; height:37px; background:url(../files/ico1.png) center no-repeat;}
.fx2{ float:left; width:37px; height:37px; background:url(../files/ico2.png) center no-repeat;}
.fx3{ float:left; width:37px; height:37px; background:url(../files/ico3.png) center no-repeat;}
.fx4{ float:left; width:37px; height:37px; background:url(../files/ico4.png) center no-repeat;}
.fx5{ float:left; width:37px; height:37px; background:url(../files/ico5.png) center no-repeat;}
.fx:hover .fx1{ background:url(../files/ico1_1.png) center no-repeat;}
.fx:hover .fx2{ background:url(../files/ico2_1.png) center no-repeat;}
.fx:hover .fx3{ background:url(../files/ico3_1.png) center no-repeat;}
.fx:hover .fx4{ background:url(../files/ico4_1.png) center no-repeat;}
.fx:hover .fx5{ background:url(../files/ico5_1.png) center no-repeat;}


.wx_bx{ float:left; width:105px; height:112px; position:absolute; right:-37px; bottom:42px; z-index:80;display:none;
         -webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-webkit-transform-origin:50% 10%;
	-moz-transform-origin:50% 10%;
	-ms-transform-origin:50% 10%;
	-o-transform-origin:50% 10%;
	transform-origin:50% 10%;
	-webkit-transform: translateY(0) scale(0);
	-moz-transform: translateY(0) scale(0);
	-ms-transform: translateY(0) scale(0);
	-o-transform: translateY(0) scale(0);
	transform: translateY(0) scale(0)}
.fx:hover .wx_bx{display:block;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: translateY(0) scale(1);
	-moz-transform: translateY(0) scale(1);
	-ms-transform: translateY(0) scale(1);
	-o-transform: translateY(0) scale(1);
	transform: translateY(0) scale(1);}


.foot_links{ float:right; width:262px; margin:19px 0 16px 0; position:relative;}
.links_tit{ float:left; width:100%; height:35px; color:#101010; font-size:12px; line-height:35px; border:1px solid #cccccc; position:relative;text-indent:11px;}
.links_tit em{ float:right; width:35px; height:35px; background:url(../files/main9.png) center no-repeat #111111; position:absolute; right:-1px; top:-1px; transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease;  -webkit-transition:background 0.5s ease;
  }
.foot_links:hover .links_tit em{ background:url(../files/main9.png) center no-repeat #3858a1;}
.links_cont{ display:none; float:left; width:100%; border:1px solid #cccccc; border-bottom:none; background:#f6f6f6; padding:6px 0; position:absolute; left:0; bottom:35px; z-index:9;}
.links_cont a{ float:left; width:100%; padding:0 11px; color:#101010; font-size:12px; line-height:24px;}
.links_cont a:hover{ color:#3858a1;}



@media screen and (max-width:767px) {
.foot_links{ float:left; margin:0 0 18px 0;}
.fx_cont{ margin-left:10px;}
.fx{ margin-right:4px;}

}




/*1jlu at glance*/
.back5{ float:left; width:100%; background:#eaeaea;}
.zy_r_tit{ float:right; color:#000000; font-size:12px; line-height:50px; padding-left:22px; background:url(../files/main12.png) left center no-repeat;}
.zy_r_tit a{color:#000000;}
.zy_r_tit a:hover{color:#3858a1;}
.side_tit{ float:left; width:100%; background:#3858a1; font-size:16px; color:#fff; line-height:78px; padding:0 20px; text-align:right; text-transform:uppercase; font-family: 'Merriweather-Black'; position:relative; left:0; top:0; margin-top:-30px; z-index:9;}



.side_address{ float:left; width:100%; margin-top:20px; border-top:3px solid #005db3; background:#fff;}
.side_address h3{ float:left; width:100%; padding:0 20px; line-height:49px; border-bottom:1px solid #f5f5f5; color:#3858a1; font-size:18px; font-family: 'Merriweather-Black'; text-transform:uppercase; text-align:right;}
.side_address ul{ float:left; width:100%; padding-bottom:14px;}
.side_address ul li{ float:left; width:100%; padding:11px 20px; border-bottom:1px solid #f5f5f5; }
.side_address ul li span{ float:left; width:100%;font-family:"Arial"; color:#888888; font-size:12px; text-align:right; line-height:28px; padding-right:38px;}
.side_address ul li span.ico1{ background:url(../files/main14.png) right center no-repeat;}
.side_address ul li span.ico2{ background:url(../files/main15.png) right center no-repeat;}
.side_address ul li span.ico3{ background:url(../files/main16.png) right center no-repeat;}

.l_cont{ float:left; width:200px; margin-bottom:22px;}
.r_cont{ float:right; width:940px; margin-bottom:22px;}
.zy_tit{ float:left; width:100%; color:#3858a1; font-size:18px; line-height:62px; padding-left:19px; font-family: 'Merriweather-Black'; background:url(../files/main11.jpg) left center no-repeat;}
.about_cont{ float:left; width:100%; background:#fff; color:#444444; font-size:14px; line-height:32px; padding:22px 30px;text-indent:28px;}
.about_cont .l1{ text-indent:28px;}

@media screen and (max-width:1199px) {

.r_cont{ width:740px;}


}



@media screen and (max-width:992px) {

.back5{ display:none;}

.l_cont{ width:100%; }
.r_cont{ width:100%;}
.about_cont{ padding:22px 15px;}
.side_tit{ font-size:18px; line-height:52px; padding:0 15px; margin-top:20px; background:url(../files/xiap12.png) 15px center no-repeat #3858a1;}
.side_left{ display:none;}
.side_address ul{ display:none;}
.side_address h3{ padding:0 15px; font-size:16px; background:url(../files/xiap13.png) 15px center no-repeat;}
.side_address ul{ float:left; width:100%; padding-bottom:14px;}
.side_address ul li{ padding:11px 15px; }
.zy_tit{ display:none;}

}



/*左边*/
.side_left{ float:left; width:100%;}
.side_left li{ float:left; width:100%; margin-top:5px; text-align:right; background:#fff;}
.side_left li a{ float:left;width:100%; height:43px; line-height:43px; color:#333333; font-size:14px; padding:0 20px; overflow:hidden;text-align:left;
white-space: nowrap; text-overflow:ellipsis;}
.side_left li.on,
.side_left li:hover a{ background:#3858a1 url(../files/main13.png) left center no-repeat;color:white;dispaly:block;}

.side_left li.on a{ color:#ffffff;}
.side_left li:hover .three li a{background: none;color:#333333;}
.side_left li a:hover{ color:#ffffff;}
.three {display:none;}
.three li a{background: none;color:#333333;padding-left:40px;}
/* 分页 */
.wack1{ float:left; width:100%; padding:40px 0;}
.pz_fy{width:100%; float:left; padding:5px 0; text-align:center;display:inline}/*分页浮左或者浮右，修改此处即可。例：text-align:left;*/
.pz_fy a { border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; border: #bdbbbb 1px solid; PADDING:4px 8px; color:#323232; text-decoration:none; margin:0 1px;}
.pz_fy a:hover,.pz_fy a.on{color:#fff; border:#3858a1 1px solid; background-color:#3858a1; text-decoration:none;}
@media  screen and (max-width:992px){
.wack1{padding:30px 0;}	
.fy_pc{ text-align:center; font-size:14px; color:#333; padding:5px 0;}
.fy_pc a{ padding:5px 25px; color:#323232; border:solid 1px #bdbbbb; border-radius:16px; overflow:hidden;}
.fy_pc span{ padding:5px 20px; color:#333;}

}





/*2Administrative offices*/
.Student_cont{ float:left; width:100%; background:#fff; padding:0 40px;}
.Student_list{ float:left; width:100%; }
.Student_list li{ float:left; width:100%; border-bottom:1px dotted #999999; padding:40px 0;}
.Student_list li a{ float:left; width:100%; position:relative; min-height:200px}
.h_pic2{ position:absolute; left:0; top:0; width:200px; height:200px; overflow:hidden; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; border:6px solid #dfe4f0;}
.h_tx2{ float:left;  width:100%; padding-left:230px; }
.h_tx2 p{ float:left;  width:100%; color:#525252; font-size:14px; line-height:28px; min-height:112px; overflow:hidden; padding-right:30px; margin-top:17px;}
.h_name{ float:left; width:100%; padding-right:150px; position:relative; margin-top:20px;}
.h_name h2{ float:left; width:100%;}
.h_name h2 em{ color:#525252; font-size:18px; font-family: 'Merriweather-Black'; font-style:normal; line-height:26px;-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;}
.h_name h2 span{ color:#525252; font-size:16px; padding-left:40px; background:url(../files/main18.png) 20px center no-repeat; line-height:26px;}

.zy_more{ float:right; width:120px; height:42px; text-align:center; line-height:42px; font-size:24px; font-size:14px;  font-family: 'Arial'; background:#e9e9e9; position:absolute; right:0; top:0; transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease;  -webkit-transition:background 0.5s ease;}
.Student_list li a:hover .zy_more{ background:#3858a1; color:#fff;}
.Student_list li a:hover .h_name h2 em{ color:#3858a1;}
.h_tx2 p.l1{ display:block;}



@media  screen and (max-width:992px){
	
.Student_cont{  padding:0 15px;}
.Student_list li{ padding:15px 0;}
.Student_list li a{ min-height:138px}
.h_pic2{ width:138px; height:138px;}
.h_tx2{padding-left:150px;}	
.h_name{margin-top:0px;}
.h_tx2 p{ margin-top:0; padding-right:0;}
	
}


@media  screen and (max-width:767px){

.Student_list li a{ min-height:100px}	
.h_pic2{ width:100px; height:100px;border:3px solid #dfe4f0;}
.h_tx2{padding-left:112px;}	
.h_tx2 p{ display:none;}
.h_name{padding-right:0; }
.zy_more{ position:static; float:left; height:32px; line-height:32px; margin-top:8px; width:100px;}
.h_name h2 span{ float:left; width:100%; padding-left:0; background:none;}


}


/*3Biography*/
.about_Details2{ float:left; width:100%; background:#3858a1; padding:36px 40px 43px 40px; position:relative;}
.about_Details2_1{ float:left; width:100%; position:relative;}
.hl_pic2{ border:none; background:url(../files/main21.png) right top no-repeat;}
.hl_pic2_1{ position:absolute; left:10px; top:10px; width:200px; height:200px; z-index:3;}
.hl_pic2_2{ position:absolute; left:30px; top:2px; width:320px; height:332px; z-index:2;}


.hl_tx2{ position:relative; z-index:2;}
.hl_tx2 p{ min-height:auto; color:#fff; border-top:1px solid #5671af; padding-top:12px;}

.about_Details1{ float:left; width:100%; background:#fff; color:#525252; font-size:14px; line-height:28px; padding:80px 40px 32px 40px;}
.about_Details1 .l1{ color:#333333; font-size:18px; font-family: 'Merriweather-Black';}
.hl_name h2 em{ color:#fff;}
.hl_name h2 span{ color:#fff; background:url(../files/main18_1.png) 20px center no-repeat;}
.hl_name{ margin-top:34px;}



@media  screen and (max-width:1199px){
.hl_name{ margin-top:6px;}	
	
}

@media  screen and (max-width:992px){
	
.about_Details1{ padding:80px 15px 32px 15px;}
.hl_pic2_1{ width:138px; height:138px;}
.about_Details2{ padding:15px 15px 15px 15px;}
.hl_pic2_1{ left:5px; top:5px;}
.hl_name{ margin-top:0;}	
.hl_tx2 p{ margin-top:5px; padding-top:6px;}
.hl_pic2_2{ left:15px; top:2px; width:214px; height:215px;}

	
}


@media  screen and (max-width:767px){

.hl_pic2_1{ width:100px; height:100px;}
.about_Details1{ padding:30px 15px;}
.hl_pic2_2{ top:auto; bottom:-122px;}

}


/*4Photo gallary*/
.Photo_gallary{ float:left; width:100%; overflow:hidden;}
.Photo_gallary ul{ margin:0 -13px;}
.Photo_gallary li{ float:left; width:33.33333%; padding:40px 13px; border-bottom:1px dotted #999999;}
.Photo_gallary li a{ float:left; width:100%; position:relative;}
.h_pic5{ float:left; width:100%; overflow:hidden;}
.h_pic5 img{
-webkit-transition: all 0.4s ease-out 0s; 
-moz-transition: all 0.4s ease-out 0s; 
-o-transition: all 0.4s ease-out 0s; 
transition: all 0.4s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.Photo_gallary li a:hover .h_pic5 img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.h_tx5{ float:left; width:100%; text-align:center; height:42px; line-height:42px; font-size:14px; color:#fff; padding:0 10px; background:rgba(52,52,52,0.8);-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;
white-space: nowrap; text-overflow:ellipsis; overflow:hidden; position:absolute; left:0; bottom:0;}
.Photo_gallary li a:hover .h_tx5{ background:rgba(56,88,161,0.8); color:#fff;}

@media  screen and (max-width:992px){


.Photo_gallary ul{ margin:0 -8px;}
.Photo_gallary li{ padding:20px 8px; }

}

@media  screen and (max-width:767px){

.Photo_gallary li{ width:50%;}
.h_tx5{height:36px; line-height:36px; }

}



/*5Events*/
.Events_list{ float:left; width:100%;}
.Events_list li{ float:left; width:100%; border-bottom:1px dotted #999999;}
.Events_list .l1{ padding:40px 0;}
.Events_list .l2{ padding:25px 0;}
.h_pic1.l_300{ width:35%;}
.h_tx3{ float:right; width:61%; margin-top:15px;}
.Events_list .l1 a:hover .h_pic1.l_300 img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.h_news1{ float:left; width:100%; color:#313131; font-size:18px; line-height:28px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; font-family: 'Merriweather-Black'; -webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;
}
.h_news2{ float:left; width:100%; color:#575757; font-size:14px; line-height:24px; height:72px; overflow:hidden; margin-top:18px;}
.Events_list li:hover .h_news1{ color:#3858a1; text-decoration:underline;}
.h_news3{ float:left; width:100%; margin-top:7px;}
.h_news4{ margin-top:32px;}
.h_news3 time{ float:left; color:#575757; font-size:14px; line-height:24px;}
.h_news3 .h_more{ float:left; color:#575757; font-size:14px; line-height:24px; color:#575757; font-size:14px; padding-right:24px; background:url(../files/main24.png) right center no-repeat;}
.h_news4 time{ margin-right:15px; padding-right:15px; background:url(../files/main18.png) right center no-repeat;}
.Events_list li:hover .h_news3 .h_more{ color:#3858a1;font-family: 'Merriweather-Black'}



@media  screen and (max-width:1199px){

.h_tx3{ margin-top:10px;}
.h_news4{ margin-top:15px;}
.h_news2{ margin-top:10px;}

}



@media  screen and (max-width:992px){

.Events_list .l1{ padding:25px 0;}
.Events_list .l2{ padding:15px 0;}

}

@media  screen and (max-width:767px){

.h_pic1.l_300{ width:100%;}
.h_tx3{ width:100%; }
.h_tx3{ margin-top:12px;}
.h_news4{ margin-top:8px;}
.h_news2{ margin-top:5px;}


}

/*6Name of different colleges*/
.Name_colleges{ float:left;  width:100%; margin-top:-10px;}
.colleges_tit{ float:left; width:100%; background:#eaeaea; margin-top:10px; padding:0 20px; transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease;  -webkit-transition:background 0.5s ease; position:relative;}
.colleges_tit h3{ float:left; width:100%; color:#333333; font-size:14px; line-height:45px; padding-right:20px;}
.colleges_tit em{ float:right; width:17px; height:45px; background:url(../files/main26.png) center no-repeat; position:absolute; right:20px; top:0;}
.colleges_tit:hover h3{ color:#3858a1;}
.colleges_tit:hover em{ background:url(../files/main27.png) center no-repeat;}
.colleges_tit.on{ background:#3858a1;}
.colleges_tit.on h3{ color:#fff;}
.colleges_tit.on em{ background:url(../files/main25.png) center no-repeat;}

.colleges_cont{ float:left; width:100%; background:#ffffff; padding:10px;}
.colleges_cont li{ float:left; width:50%; padding:10px;}
.colleges_cont li a{ float:left; width:100%; color:#444444; font-size:14px; line-height:45px; border:1px solid #e7e7e7; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:0 20px;}
.colleges_cont li a:hover{ color:#fff; background:#5e78b2; border:1px solid #5e78b2; }


@media  screen and (max-width:992px){

.colleges_tit{ padding:0 14px; }
.colleges_cont{ padding:7px;}
.colleges_cont li{ padding:7px;}
.colleges_cont li a{ padding:0 12px;}
.colleges_tit em{ right:14px;}

}


@media  screen and (max-width:767px){

.colleges_cont li{ width:100%;}
.colleges_cont li a{ padding:10px 12px; line-height:22px;}

}

/*8visa*/
.Student_Affairs{ float:left; width:100%; background:#fff; padding:0 30px;}
.Visa_list{ float:left; width:100%; padding-top:10px;}
.Visa_list li{ float:left; width:100%; padding:20px 0; border-bottom:1px dotted #999999;}
.Visa_list li a{ float:left; width:100%; position:relative;}
.Visa_list li h4{ float:left; width:100%; color:#333333; font-size:16px; line-height:36px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; padding:0 145px 0 27px; background:url(../files/main28.png) left center no-repeat;-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;
}
.Download{ float:right; width:138px; height:36px; background:#969699 url(../files/main29.png) 115px center no-repeat; color:#fff; font-size:14px; line-height:36px; position:absolute; right:0; top:50%; margin-top:-18px; text-indent:14px;-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;
}
.Visa_list li:hover h4{ color:#3858a1; font-family: 'Merriweather-Black';}
.Visa_list li:hover .Download{ background:#3858a1 url(../files/main29.png) 115px center no-repeat;}
.Student_Aff1{ float:left; width:100%; color:#444444; font-size:14px; line-height:30px;}
.Student_Aff2{ float:left; width:100%; margin:12px 0 30px 0;}
.Student_Aff2 a{ float:left;  width:138px; height:36px; background:#3858a1 url(../files/main30.png) 110px center no-repeat; text-indent:14px; color:#fff; font-size:14px; line-height:36px;}
.Student_Aff2 a:hover{ box-shadow:0 3px 5px #ccc; -moz-box-shadow:0 3px 5px #ccc; -webkit-box-shadow:0 3px 5px #ccc;}

@media  screen and (max-width:992px){

.Student_Affairs{ padding:0 15px;}
.Visa_list li{ float:left; width:100%; padding:15px 0;}
.Visa_list li h4{ padding:0 125px 0 15px;}
.Download{ width:118px; background:#969699 url(../files/main29.png) 95px center no-repeat;}

}


@media  screen and (max-width:767px){

.Visa_list li h4{ padding:0 114px 0 14px; font-size:14px;}
.Download{ font-size:12px; width:104px; background:#969699 url(../files/main29.png) 81px center no-repeat;}

}



/**/
.Reservation_pf{ float:left; width:100%; height:100%; position:fixed; bottom:-100%; left:0; z-index:999;
-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;
}
.tent_out1 a{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; background:url(../files/top4.png) center repeat; z-index:101;}
.Reservation_l1{ position:absolute; left:50%; top:50%; margin:-231px 0 0 -253px; width:507px; height:463px; background:url(../files/main31.png) center no-repeat; float:left; z-index:102;}
.Reservation_l1 form{ float:left; width:100%; padding:0 68px 40px 68px;}
.Reservation_l1 label{ float:left; width:100%; font-weight:normal; margin-bottom:10px;}
.fm1{ float:left; width:100%; color:#555555; font-size:14px; height:48px; border:1px solid #d1d7e5; padding:0 19px;}
.fm2{ float:left; width:100%; background:#3858a1; color:#fff; font-size:18px; height:48px; border:none; text-transform:uppercase; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin-top:10px;}
.Reservation_l1 h4{ float:left; width:100%; color:#3858a1; font-size:24px; text-transform:uppercase; line-height:24px; padding:40px 0; text-align:center; font-family: 'Merriweather-Black';}
.fm3{ float:left; width:100%; color:#333333; font-size:14px; line-height:34px;}
.fm4{ float:left; width:100%; margin-top:4px;}


.Reservation_l1 input[placeholder], [placeholder], *[placeholder] {color:#555555 !important;} 
.Reservation_l1 ::-webkit-input-placeholder{color:#555555}
.Reservation_l1 :-moz-placeholder{color:#555555}
.Reservation_l1 ::-moz-placeholder{color:#555555}
.Reservation_l1 :-ms-input-placeholder{color:#555555}


.l_114{ display:block; float:left; width:180px;}	
.top_sosuo_1{width:100%; float:left;z-index:9999999;}
.top_sosuo_1 .sosuo_ul{z-index:999;width:100% !important; left:0px;z-index:999999;background:rgba(211,216,230,0.9);} 
.top_sosuo_1 .sosuo_ul li{ float:left; width:146px; line-height:40px; height:40px; color:#333333; font-size:14px; cursor:pointer; padding:0 10px; margin-left:10px;}
.top_sosuo_1 .sosuo_ul li:hover{ background:#a2adc8; color:#fff;}
.top_sosuo_1 .li_div{ float:left;width:100%;height:48px;line-height:48px;color:#555555; font-size:14px; border:1px solid #d1d7e5; text-indent:19px;}
.top_sosuo_1 .l_12{ position:absolute; right:11px; top:50%; margin-top:-9px; background:url(../files/main32.jpg) left top no-repeat; width:17px; height:18px; z-index:9999999;}
.top_sosuo_1:hover .l_12{ display:block;}
.content_2{ float:left; width:100%; height:160px; margin:18px 0;}





@media  screen and (max-width:767px){

.Reservation_l1{ left:50%; top:50%; margin:-214px 0 0 -140px; width:280px; height:428px; background-size:100% 100%;}
.Reservation_l1 form{ float:left; width:100%; padding:0 12px 10px 12px;}
.Reservation_l1 h4{padding:20px 0; font-size:18px; line-height:18px;}
.l_114{ width:100%; margin-bottom:10px;}
.fm1{ height:42px; padding:0 12px;}
.fm2{font-size:16px; height:42px; margin-top:0;}
.top_sosuo_1 .li_div{height:42px;line-height:42px;}	
.content_2{ height:90px; margin:9px 0;}
.top_sosuo_1 .sosuo_ul li{ line-height:30px; height:30px;}

}




/*2Administrative offices1*/
.news_cont_xq{ float:left; width:100%; padding-top:30px;}
.lc_title{ float:left; width:100%; text-align:center; color:#254c9c; font-size:24px; line-height:38px; font-family: 'Merriweather-Black';}
.lc_time{ float:left; width:100%; text-align:center; color:#575757; font-size:12px; line-height:24px; padding-top:15px;}
.lc_0100_2{float:left; width:100%; padding:30px 0; color:#313131; font-size:14px; line-height:30px;}
.sx_fy{ float:left; width:100%; padding:30px 0; border-top:1px dotted #999999;}
.sx_fy a{color:#313131; font-size:14px; line-height:24px;}
.sx_fy a span{ color:#254c9c; font-family: 'Merriweather-Black';}
.sx_fy a:hover{color:#254c9c;}
.sx_l{ float:left;}
.sx_r{ float:right;}



@media  screen and (max-width:992px){
.lc_title{font-size:18px; line-height:18px;}	
.lc_time{ padding-top:10px;}
.sx_fy a{ float:left; width:100%;}
	
}


/**/
.Photo_pf_box{ display:none; float:left; width:100%; height:100%; position:fixed; top:0; left:0; z-index:999; background:rgba(51,51,51,0.4); }
.tent_out2 a{ float:left; width:24px; height:24px; position:absolute; right:10px; top:9px;z-index:103;}
.Photo_pf_cont{ float:left; width:612px; height:460px; position:absolute; left:50%; top:50%; margin:-230px 0 0 -306px;}
.Photo_pf{ float:left; width:612px; height:460px; overflow:hidden; position:relative; z-index:102;}
.Photo_pf .hd{ display:block;}
.Photo_pf .hd .next{ display:block;  width:36px; height:80px; overflow:hidden;cursor:pointer; background:url(../files/arrow2.png) center no-repeat; position:absolute; right:0; top:50%; margin:-40px 0 0 0; z-index:999;}
.Photo_pf .hd .prev{ display:block;  width:36px; height:80px; overflow:hidden;cursor:pointer; background:url(../files/arrow1.png) center no-repeat; position:absolute; left:0; top:50%; margin:-40px 0 0 0; z-index:999;}
.Photo_pf .hd .next:hover{ background:url(../files/arrow2_1.png) center no-repeat; }
.Photo_pf .hd .prev:hover{ background:url(../files/arrow1_1.png) center no-repeat;}
.Photo_pf .hd .pageState{ width:100%; color:#fff; height:30px; line-height:30px; text-align:center; background:rgba(51,51,51,0.4); position:absolute; left:0; bottom:0; z-index:999;}
.Photo_pf .bd{float:left; width:612px; height:460px;}
.Photo_pf .bd ul{ float:left; width:100%;overflow:hidden; zoom:1; }
.Photo_pf .bd ul li{float:left; width:612px !important; overflow:hidden; text-align:center; position:relative;}
.Photo_pf .bd ul li .pic{float:left; width:612px; height:460px; text-align:center; }
.Photo_pf .bd ul li .h_tx5:hover{ background:rgba(56,88,161,0.8); color:#fff;}
.hl_tx5{ bottom:auto; top:0;}


@media  screen and (max-width:767px){
.Photo_pf_cont{ width:298px; height:224px; margin:-112px 0 0 -149px;}
.Photo_pf{ width:298px; height:224px; }
.Photo_pf .bd{float:left; width:298px; height:224px;}
.Photo_pf .bd ul li .pic{width:298px; height:224px; }
.Photo_pf .bd ul li{ width:298px !important}
.tent_out2 a{width:20px; height:20px; right:8px; top:8px;}
.Photo_pf .hd .prev{ width:24px; height:54px; background-size:100% 100%;  margin:-27px 0 0 0;}
.Photo_pf .hd .next{ width:24px; height:54px; background-size:100% 100%;  margin:-27px 0 0 0;}
.Photo_pf .hd .prev:hover{background-size:100% 100%; }
.Photo_pf .hd .next:hover{background-size:100% 100%; }

	
}


/*20170720--xinjia*/
/*contact us*/
.contactBox{ float:left; width:100%; background:#fff; padding:30px;}
.contactBox .contactLeft{ float:left; width:100%; margin-top:30px;}
.contactBox .contactLeft .contactTit{ color:#333333; font-size:32px; line-height:1.25;}
.contactBox .contactLeft .english{ padding:10px 0 30px 0; border-bottom:#999999 dashed 1px; color:#3858a1; font-size:24px; line-height:26px; text-transform:uppercase;font-family: 'Merriweather-Black';}
.contactBox .contactLeft .tent{ float:left; width:50%; margin:30px 0 0 0;}
.contactBox .contactLeft .tent .tentLi{ float:left; width:100%; margin:10px 0; line-height:22px; font-size:16px; padding-left:36px; min-height:22px; position:relative;}
.contactBox .contactLeft .tent .tentLi strong{ position:absolute; left:0; top:0;}
.contactBox .contactLeft .ewm{ float:left; width:50%; margin:40px 0 0 0;}
.contactBox .contactLeft .ewm .ewmPic{ float:left; width:140px; height:140px; border:#dbdbdb solid 1px; padding:7px;}
.contactBox .contactLeft .ewm .ewmCon{ float:left; padding:35px 0 0 16px; color:#999999; line-height:21px;}
.contactBox .contactLeft .ewm .ewmpad{ padding-top:7px; color:#3a3a3a;font-size:16px;}
.contactBox .contactLeft .ewm .ewmBig{ color:#3a3a3a; font-size:16px;}
.contactBox .contactLeft .ewm .ewmDark{ color:#3a3a3a;font-size:16px;}
.contactBox .contactRight{ float:left; width:100%;}


.contactRight .cmap{ height:440px;}
#dituContent .BMap_pop{ float:left; background-image:url(../files/img8.png); border:none !important; width:255px !important; border:0 !important; height:83px;  font-size:13px; line-height:20px!important;}
#dituContent .BMap_pop div{ background:none !important; border:none !important;}
#dituContent .BMap_bubble_content{ width:215px !important;}
#dituContent .BMap_pop div img{ display:none;}
#dituContent .BMap_center{ background:none !important; border:none !important;}
#dituContent .BMap_top{ background:none !important; border:none !important;}
#dituContent .BMap_shadow img{ display:none;}

@media  screen and (max-width:1199px){
	
.contactBox .contactLeft .english{ font-size:20px; line-height:22px;}	
.contactBox .contactLeft .ewm{ width:100%; margin:20px 0;}

}

@media  screen and (max-width:767px){
	
.contactBox{ padding:15px;}
.contactRight .cmap{ height:300px;}
.contactBox .contactLeft .ewm .ewmCon{ padding:15px 0 0 0;}
.contactBox .contactLeft .ewm .ewmpad{ font-size:14px;}
.contactBox .contactLeft .ewm .ewmBig{ font-size:14px;}
.contactBox .contactLeft .ewm .ewmDark{ font-size:14px;}
.contactBox .contactLeft .tent{ width:100%; margin-top:20px;}
.contactBox .contactLeft .tent .tentLi{ padding-left:25px; font-size:14px;}
.contactBox .contactLeft .english{ font-size:16px; line-height:24px; padding:0 0 15px 0;}
.contactBox .contactLeft{ margin-top:22px;}	

}



@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1243px){body{-webkit-text-size-adjust:none}}
