/* CSS Document */

*{padding:0;margin:0}
html{-ms-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%; 
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
-moz-tap-highlight-color:rgba(0, 0, 0, 0);  
-ms-tap-highlight-color:rgba(0, 0, 0, 0);  
-o-tap-highlight-color:rgba(0, 0, 0, 0);  
tap-highlight-color:rgba(0, 0, 0, 0);}
body{font-family:"Microsoft Yahei",Arial; overflow-x:hidden;font-size:14px; color:#535353;/* background:#fff;*/}
a{ text-decoration:none;outline:none;background: transparent;blr:expression(this.onFocus=this.blur());-webkit-transition:.5s;-moz-transition:.5s; transition:.5s;color:#666}
a:hover{color:#014190;}
img{ border:none}
button,
input,
select,
textarea {
    font-family: inherit; 
    font-size: 100%; 
    margin: 0;
    outline:none;
	border:none;
}
table{ border-collapse:collapse}
td{ padding:0 5px;}
ul,ol,li{ list-style:none}
.ovh{overflow: hidden;}
.clearfix{clear:both;zoom:1}
.clearfix:after{ content:".";display:block;height:0;clear:both;visibility:hidden}
h1,h2,h3,h4,h5{ font-weight:normal}
.fl{float:left}
.fr{float:right}
.col01{color:#014190}
.col02{color:#aacd06}
.wrap{ width:1200px; margin:0 auto}
.flex{display:-webkit-flex;display:flex;flex-wrap:wrap;align-items: flex-start;}

.header{ position:fixed; top:0 !important; left:0; width:100%; height:90px; background:rgba(255,255,255,0.35);-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s; z-index:99}
.header.scroll{ background:rgba(255,255,255,1); height:80px; box-shadow:0 0 5px rgba(0,0,0,0.15)}
.nheader{ background:#fff; position:relative; height:90px}
.header:hover{ background:#fff}
.logo img{ display:block; padding-top:20px}
.menu>ul>li{ float:left; font-size:16px;  position:relative}
.menu li .menu_a{ display:block; color:#333; padding:0 25px;line-height:90px;}
.menu li .sub{ position:absolute; background:#fff; width:100%; text-align: center;box-shadow:0 0 5px rgba(0,0,0,0.15); display:none}
.menu li .sub p{ line-height:30px; font-size:14px; border-bottom:1px solid #e8e8e8}
.menu li .sub a{ background:#fff; display:block; padding:5px 0}
.menu li .sub a:hover{ background:#014190; color:#fff}
.menu li:hover .menu_a{background:#014190; color:#fff}
.lang{ position:relative; cursor:pointer; height:90px; margin-left:15px}
.lang>a{ display:block; line-height:90px}
.lang>a i{width: 25px;height: 25px;background: url(../images/l_uk.jpg) no-repeat; background-size:cover;display: inline-block;vertical-align: middle;margin-right: 10px;-webkit-border-radius:50%;-moz-border-radius:50%; border-radius:50%;}
.lang .icon{ padding-top:30px}
.lang .icon .img1{ width:30px; height:30px; position:relative; display:inline-block; vertical-align:middle; padding-left:10px; overflow:hidden}
.lang .icon .img1 img{ display:block}
.lang:hover .icon .img1 img{ transform:translateY(-30px)}
.lang .icon .img2{ display:inline-block; vertical-align:middle; margin-left:5px}
.lang .sub{ position:absolute; width:120px; left:50%; margin-left:-60px; background:#fff;top:90px; display:none}
.lang .sub p{line-height:30px; font-size:14px; border-bottom:1px solid #e8e8e8;}
.lang .sub a{background:#fff; display:block; padding:5px 0 5px 15px}
.lang .sub i{width: 25px;height: 25px;background: url(../images/l_china.jpg) no-repeat; background-size:cover;display: inline-block;vertical-align: middle;margin-right: 10px;-webkit-border-radius:50%;-moz-border-radius:50%; border-radius:50%;}
.lang .sub .p2 i{background:url(../images/l_uk.jpg) no-repeat; background-size:cover;}
.lang .sub a:hover{background:#014190; color:#fff}
.logo img,.menu>ul>li,.menu li .menu_a,.lang .icon{-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;}
.header.scroll .logo img{ padding-top:12px;}
.header.scroll .lang{ height:80px}
.header.scroll .lang>a{ line-height:80px;}
.header.scroll .lang .icon{ padding-top:25px}
.header.scroll .lang .sub{top:80px}
.header.scroll .menu li .menu_a{ line-height:80px}

#aboutRepusi{
    position: relative;
    width: 100%;
    height: 715px;
    overflow: hidden;
}
.viewport {position: relative;height:100%;}
.view-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;background: #014190;}
.viewport-cont{position: absolute;top: 50%;left: 50%; width:1200px;margin-left: -600px; -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}

.fixed-view-ico {
	position: fixed;
	_position: absolute;
	left: auto;
	right: 25px;
	top: 50%;
	z-index: 999;
	width: 17px;
	margin-top: -60px;
}
.fixed-view-ico a {position: relative;display: block;width: 13px;height: 13px;margin-bottom: 12px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.15)}
.fixed-view-ico a:hover, .fixed-view-ico .cur{ background:#aacd06}
.fixed-view-ico a span{
	display: inline-block;
	width: 0px;
	position: absolute;
	right: 20px;
	top: -6px;
	font-size: 14px;
	line-height: 26px;
	height: 26px;
	font-weight: bold;
	color: #fff;
	text-align: right;
	text-shadow:0 2px 3px rgba(0,0,0,.3);
	overflow: hidden;
	transition:all ease-in 0.4s ;
}
.fixed-view-ico a:hover span, .fixed-view-ico .cur span{width: 120px;}
.banner{ position:relative; height:100%}
.banner .slick-list,.banner .slick-track{ height:100%}
.banner .slick-slide a{ display:block; height:100%}
.banner.viewport-cont{top:0;left:0; width:100%; margin-left:0}
.banner .slick-dots{ position:absolute !important}
.banner.viewport-cont{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
.banner .slick-dots li.slick-active button{ background:#aacd06}

.title_1{ text-align:center; color:#fff; font-size:36px; text-align:center; margin-bottom:35px}
.title_1 .t_box{ display:inline-block; position:relative;padding:0 180px;}
.title_1 .t_box:before{ content:""; width:160px; height:1px; background:#3e6aa2; position:absolute; left:0; top:30px}
.title_1 .t_box:after{ content:""; width:160px; height:1px; background:#3e6aa2; position:absolute; right:0; top:30px}
.title_1 .en{ font-size:16px; text-transform:uppercase; color:#e5e5e5}
.title_1 .cn{ display:inline-block;position:relative; line-height:55px}
.title_1 .cn:before{content:""; width:7px; height:7px; background:#3e6aa2;-webkit-border-radius:50%;-moz-border-radius:50%; border-radius:50%; position:absolute; left:-28px; top:27px}
.title_1 .cn:after{content:""; width:7px; height:7px; background:#3e6aa2;-webkit-border-radius:50%;-moz-border-radius:50%; border-radius:50%; position:absolute; right:-28px; top:27px}
.i-pro-list>ul{ margin-right:-1%}
.i-pro-list>ul>li{ background:#fff; float:left; width:32.33%; margin-right:1%; margin-bottom:2%; padding:20px; padding-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; position:relative;}
.i-pro-list li .pic{ width:160px; position:relative; z-index:2}
.i-pro-list li .pic img{ max-width:100%; display:block; height:auto}
.i-pro-list li .text{ padding-right:170px; min-height:200px; position:relative; z-index:1}
.i-pro-list li .text h3{ font-size:26px; color:#333; line-height:26px; margin-bottom:22px;position:relative}
.i-pro-list li .text h3 a{ color:#333; position:relative; z-index:2}
.i-pro-list li .text h3:after{ content:""; width:75px; height:5px; display:block; background:#aacd06; position:absolute; bottom:0; left:0; z-index:1}
.class-p li{ display:inline-block; margin-bottom:9px; margin-right:5px}
.class-p li a{ display:block; font-size:14px; color:#808080; padding:3px 10px; border:1px solid #e8e8e8; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.i-pro-list li .text .more{ background:url(../images/more.png) no-repeat left bottom;color:#808080; font-size:12px; padding-left:15px; padding-top:5px; position:absolute; left:0; bottom:0}
.i-pro-list li.li4,.i-pro-list li.li5{ width:49%; margin-bottom:0}
.class-p li a:hover{ background:#014190; color:#fff;}
.i-pro-list li .text .more:hover{ color:#014190}

.i-about .title_1{color:#333}
.i-about .title_1 .en{ color:#666}
.i-about .title_1 .t_box:before,.i-about .title_1 .t_box:after,.i-about .title_1 .cn:before,.i-about .title_1 .cn:after{ background:#ccc}
.i-about-top .left{ width:38%;}
.laboratory{ position:relative; overflow:hidden}
.laboratory .slick-slide img{ width:100%; height:auto}
.laboratory .slick-slide .tit{ position:absolute; left:0; bottom:0; width:100%; line-height:45px; background:rgba(255,255,255,0.85); color:#333; font-size:16px; text-align:right; padding-right:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.laboratory .slick-dots{ width:auto; bottom:7px; left:20px;}
.laboratory .slick-dots li button{ width:7px; height:7px; background:rgba(170,205,6,0.35)}
.laboratory .slick-dots li.slick-active button{background:rgba(170,205,6,1)}
.i-about-top .right{ width:58%}
.i-about-top .right h2{ font-size:22px; color:#333; margin-bottom:35px}
.i-about-top .right p{ line-height:30px; font-size:16px; color:#666; margin-top:20px}
.i-about-top .right .more{text-align:right;}
.i-about-top .right .more a{ display:inline-block;background:#014190; color:#fff; padding:8px 35px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px; border-radius:15px;}
.i-about-top .right .more a:hover{ background:#aacd06}
.i-about-qk{ margin-top:45px}
.i-about-qk li{ width:20%; float:left;}
.i-about-qk li a{ display:block; width:170px; height:170px; position:relative; text-align:center; margin:auto}
.i-about-qk li .icon_bg{ width:100%; height:100%; background:url(../images/iconbr_1.png) no-repeat; position:absolute; left:0; top:0}
.i-about-qk li .icon{ padding-top:35px}
.i-about-qk li .icon img{ display:block; margin:0 auto}
.i-about-qk li .cn{ font-size:16px;color:#333; font-weight:bold; line-height:30px; padding-top:5px}
.i-about-qk li .en{ font-size:12px; color:#666; text-transform:uppercase}
.i-about-qk li:first-child a{ margin-left:0}
.i-about-qk li:last-child a{ margin-right:0}
.i-about-qk li:nth-child(2) a{ transform:translateX(-10%)}
.i-about-qk li:nth-child(4) a{ transform:translateX(10%)}
.i-about-qk li .icon_bg{-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s;}
.i-about-qk li .cn,.i-about-qk li .en{-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;}
.i-about-qk li:hover .icon_bg{background: url(../images/iconbr_2.png) no-repeat; -webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
.i-about-qk li:hover .cn{ color:#014190}
.i-about-qk li:hover .en{ color:#aacd06}

.i-news-list .left,.i-news-list .right{ width:49%}
.i-news-list .left li{ background:#fff; padding:1.5%}
.i-news-list .left li .pic{ width:42%; position:relative; overflow:hidden}
.i-news-list .left li .pic:before{ content:""; display:block; padding-top:60%}
.i-news-list .left li .pic img{ width:100%; display:block; height:100%; position:absolute; left:0;top:0;right:0;bottom:0;}
.i-news-list .left li .text{ width:50%; padding-right:3%; padding-top:5%; padding-bottom:5%}
.i-news-list .left li h3{ color:#333; font-size:16px; margin-bottom:5%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.i-news-list .left li .intro{ color:#999; line-height:24px; display:-webkit-box;-webkit-line-clamp:3; overflow:hidden;-webkit-box-orient:vertical}
.i-news-list .left li:first-child{ margin-bottom:5.5%}
.i-news-list .right{ background:#fff}
.i-news-list .right li{ border-bottom:1px dashed #d8d8d8; padding:5.35% 0; margin:0 8%}
.i-news-list .right li:last-child{ border-bottom:none;}
.i-news-list .right li .date{ width:12%}
.i-news-list .right li .date span{ display:block;font-family:DengXian;}
.i-news-list .right li .date .span1{ font-size:36px; color:#333}
.i-news-list .right li .date .span2{ color:#999;}
.i-news-list .right li .text{ width:83%}
.i-news-list .right li h3{color:#333; font-size:16px; margin-bottom:3%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.i-news-list .right li .intro{ color:#999; line-height:22px}
.i-news-list .left li h3,.i-news-list .right li h3{ -webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}
.i-news-list .left li:hover h3,.i-news-list .right li:hover h3{color:#014190; text-decoration:underline}

/*=========================*/
.nbanner{ position:relative; height:350px}
.location{ position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.2); color:#fff; line-height:40px; text-align:right}
.location a{ color:#fff}
.nav{background:#fff; padding:50px 0}
.nav ul{ text-align:center}
.nav li{ display:inline-block; margin:0 5px}
.nav li a{ display:block; padding:9px 25px; background:#014190; color:#fff;-webkit-border-radius:25px;-moz-border-radius:25px; border-radius:25px; font-size:16px}
.nav li.cur a,.nav li:hover a{ background:#aacd06}
.nav_sed{ margin-bottom:30px; margin-top:-20px}
.nav_sed ul{ text-align:center; font-size:0; border-bottom:1px solid #d8d8d8;}
.nav_sed li{ display:inline-block;margin:0 5px 0; vertical-align:bottom}
/*.nav_sed li a{ display:block; font-size:16px; padding:3px 15px; border-top-left-radius:5px; border-top-right-radius:5px}*/
.nav_sed li a {
    display: block;
    font-size: 16px;
    padding: 3px 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid #ccc;
}
.nav_sed li {
    display: inline-block;
    margin: 0 5px 10px;
    vertical-align: bottom;
}
.nav_sed li.cur a{background: #aacd06; color:#fff;}

.main{ padding:60px 0; background:#f3f3f3}
.main .content{ line-height:30px; font-size:16px}
.main .content img{ max-width:100%; height:auto}

.about_con .video{ float:left; margin-right:15px; outline:none}

.advantage .kuai{ margin-top:50px; border-bottom:1px dashed #d8d8d8; padding-bottom:50px}
.advantage .pic{ width:50%; position:relative}
.advantage .pic:after{ content:""; width:80%; height:50%; position: absolute; left:0; bottom:0; background:#aacd06; z-index:1}
.advantage .pic img{ position:relative; z-index:2; left:10px;bottom:10px; display:block}
.advantage .text{ width:45%; padding-top:8%}
.advantage .text h3{ font-size:24px; font-weight:bold; margin-bottom:20px; color:#014190}
.advantage .kuai_2 .pic:after{ left:auto; right:0; bottom:auto; top:0}
.advantage .kuai_2 .pic img{right: 10px;top: 10px; left:auto; bottom:auto}

.honor{ margin-top:30px;}
.hor_t{ color:#014190; line-height:35px; margin:35px 0; font-weight:bold; font-size:24px;}
.honor ul,.honor_2 ul{ margin-right:-2%}
.honor li{ float:left; margin-right:2%; width:31.33%; text-align:center; background:#fff}
.honor li p{padding: 5px 10px 15px;}
.honor_2 li{float:left; margin-right:2%; width:23%; margin-bottom:2%; text-align:center; background:#fff}
.honor_2 li p{padding: 0 10px 15px;}
.culture ul{ margin-right:-2%}
.culture li{ float:left; width:31.33%; margin-right:2%; margin-bottom:3%; text-align:center; position:relative}
.culture li a{ display:block; padding:5px; border:1px solid #e8e8e8; background:#fff; position:relative; z-index:2}
.culture li:before, .culture li:after{
  position:absolute;
  content:"";
  bottom:10px;left:10px;top:80%;
  width:48%;
  background:#ccc;
  z-index:1;
  -webkit-box-shadow: 0 10px 8px #ccc;
  -moz-box-shadow: 0 10px 8px #ccc;
  box-shadow: 0 10px 8px #ccc;
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  transform: rotate(-5deg);
}
.culture li:after{
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  transform: rotate(5deg);
  right: 10px;left: auto;
}
.culture li img{ display:block; width:100%; height:auto}
.culture li .tit{ line-height:45px;}
.cultureSlide{ margin-top:30px}
.cultureSlide .slick-slide img{ margin:auto}
.cultureSlide .slick-prev, .cultureSlide .slick-next{ width:50px; height:120px;left:0; top:50%; margin-top:-60px;-webkit-transition:.3s;-moz-transition:.3s; transition:.3s;}
.cultureSlide .slick-next{ left:auto; right:0;background:url(../images/arrow_next.png) rgba(0,0,0,.3) no-repeat center}
.cultureSlide .slick-prev{ background:url(../images/arrow_prev.png) rgba(0,0,0,.3) no-repeat center}
.cultureSlide .slick-prev:hover,.cultureSlide .slick-next:hover{ background-color:#014190}

.news li{ padding:15px; background:#fff; margin-bottom:15px;position:relative}
.news li .pic{ width:26%; position:relative;}
.news li .pic img{ display:block; width:100%; height:auto}
.news li .text{ width:70%}
.news li .text .tit{ font-size:16px; font-weight:bold; color:#333; padding-top:15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; overflow:hidden}
.news li .text .time{ font-size:13px; color:#999; margin:5px 0}
.news li .text .time .fa{ padding-right:5px}
.news li .text .intro{ color:#8c8c8c; font-size:14px; line-height:26px; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; overflow:hidden}
.news li .text .more{ margin-top:30px; text-align:right; font-size:13px; color:#014190}
.news li .text .more .fa{ padding-left:10px}
.news li,.news li .text .tit,.news li .text .more{ -webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;}
.news li:before{ content:""; width:100%; height:100%; background:#fff; display:block; position:absolute;top: 0;left: -60%;opacity: 0;filter: alpha(opacity=0);-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;z-index:-1;}
.news li:hover{background: #014190;}
.news li:hover::before{opacity:1;filter: alpha(opacity=100);}
.news li:hover .text .tit{color:#fff}
.news li:hover .text .time{ color:#e5e5e5}
.news li:hover .text .intro{color:#e5e5e5}
.news li:hover .text .more{color:#aacd06}

.ntit{ color:#333; text-align:center; font-size:28px; padding-bottom:10px}
.news .time_1{ text-align:center; border-bottom:1px solid #e8e8e8; color:#999; padding-bottom:10px; margin-bottom:30px; font-size:13px}

.prolist ul{ margin-right:-2%}
.prolist li{ float:left; width:31.33%; margin-right:2%; margin-bottom:2%; text-align:center; background:#fff;}
.prolist li .pic img{ display:block; width:100%; height:auto}
.prolist li .tit{ padding:15px 10px 18px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; position:relative}
/*.prolist li .tit:before{ content:""; width:100%; height:4px; background:#ccc; position:absolute; left:0; bottom:0;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out; transition:.5s ease-in-out;}*/
.prolist li .tit:after{ content:""; width:0; height:3px; background:#014190; position:absolute; left:50%; bottom:0;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out; transition:.5s ease-in-out;}
.prolist li:hover .tit:after{ width:100%; left:0}
.prolist li{-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out; transition:.5s ease-in-out;}
.prolist li:hover{box-shadow:0 5px 25px rgba(0,0,0,0.1); -webkit-transform:translateY(-1px);-moz-transform:translateY(-1px);transform:translateY(-1px)}

.pro_picL{ width:45%; position:relative}
.pro_picL ..slick-slide img{ display:block}
.pro_picL .slider-for{ margin-bottom:10px}
.pro_picL .slider-nav .slick-slide{}
.pro_picL .slider-nav .slick-slide a{ display:block; margin-right:5px; border:2px solid #f3f3f3}
.pro_picL .slider-nav .slick-slide.slick-current a{border:2px solid #aacd06}
.pro_top .right{ width:48%}
.pro_top .right h2{ font-size:30px; color:#333; line-height:50px; margin-bottom:20px}
.pro_top .right p{ border-bottom:1px dotted #d8d8d8; line-height:26px; padding:10px 0}
.pro-bot{ margin-top:40px;}
.pro-bot > .tit{ border-bottom:1px solid #d8d8d8}
.pro-bot > .tit span{ display:inline-block; padding:10px 55px; background:#014190; color:#fff; position:relative}
.pro-bot > .tit span:after{ content:""; width:0; height:0; border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #014190; position:absolute; left:50%; margin-left:-6px; bottom:-8px}
.pro-bot .pro-det{ padding-top:30px;}

.main_hr{ background:#2d6fc0}
.title_2{ text-align:center; font-size:30px; text-align:center; color:#333; line-height:35px; margin-bottom:40px}
.main_hr .title_2{ color:#fff}

.hrlist li{ margin-bottom:20px}
.hrlist li .tit{ background:#fff; padding:0 40px; line-height:55px; height:55px; cursor:pointer; color:#666}
.hrlist li .hr_con{ background:#fff;display:none}
.hrlist li .hr_con_det{ padding:40px 40px 60px;}
.hrlist li .tit,.hrlist li .tit em{ -webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;}
.hrlist li .tit em{ font-style:normal; background:url(../images/icon.png) no-repeat right 0; padding-right:50px}
.hrlist li:hover .tit,.hrlist li.cur .tit{ background:#014190; color:#fff}
.hrlist li.cur .tit em{background:url(../images/icon.png) no-repeat right -50px;}

.contact_top .title_2{ border-bottom:1px solid #d8d8d8; padding-bottom:30px; margin-bottom:0}
.contact_top li{ width:31.33%; float:left; font-size:16px; line-height:35px; padding-top:35px; min-height:150px; position:relative; padding-left:3%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box;}
.contact_top li:nth-child(1){ padding-left:0}
.contact_top li:nth-child(1):after{ content:""; width:1px; height:100%; background:#d8d8d8; position:absolute; right:0; top:0}
.contact_top li:nth-child(2):after{ content:""; width:1px; height:100%; background:#d8d8d8; position:absolute; right:0; top:0}
.contact_top .fa{ background:rgba(1,65,144,.5); color:#fff; padding:5px;-webkit-border-radius:50%;-moz-border-radius:50%; border-radius:50%; width:15px; height:15px; text-align:center; margin-right:10px;position:relative}
.contact_top .fa-mobile{top: 6px;}
.contact_top .fa-mobile:before{ position:absolute; top:0px; left:7px;font-size:24px}

.map{ margin-top:40px}
#allmap{width: 100%;height:350px;background: #ccc;border:1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.BMap_bubble_title{ white-space:normal !important;color: #CC5522; font-weight:bold; font-size:16px; margin-bottom:5px}


.message{ padding-bottom:30px}
.meslist{ margin-top:20px;}
.meslist .box{ width:48%; float:left}
.meslist .box:nth-child(2){ float:right}
.meslist .box>label{ width:90px; display:inline-block; font-size:17px;vertical-align: middle;}
.meslist .box input{ height:40px;background:#fff; border:1px solid #d8d8d8; padding:0 10px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box;width: calc(100% - 90px);display: inline-block;vertical-align: middle;}
.meslist .box .inp{width: calc(100% - 260px);}
.meslist .box .gender{display: inline-block;vertical-align: middle;width:140px;margin-left: 15px;}
label.radio{
    display: inline-block;
    position: relative;
    font-size:14px;
    color: #333;
    padding-left:20px;
    margin-right:10px;
    cursor: pointer;
    vertical-align: middle;
}
label.radio:last-child {margin-right: 0;}
label.radio input {display: none !important;}
label.radio input +span {
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 100%;
    top: 8px;
    left: 0;
}
label.radio input:checked +span:after {
    content: '';
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    background: #f00;
    border-radius: 100%;
    top: 3px;
    left: 3px;
}
label.radio span.txt {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    color: #333;
    font-weight: normal;
}
.meslist .box2{ width:100%}
.meslist textarea{
	width: calc(100% - 90px);
    height: 100px;
    max-height: 100px;
    padding: 8px 15px;
    background: #fff;
    font-size: 1rem;
    border: 1px solid #d8d8d8;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
	display:inline-block
}
.meslist2 .box>label{vertical-align: top; margin-top:8px}
.meslist .box .Captcha{ width:30%}
.meslist .box .submit{
	width: 160px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    background: #014190;
    text-align: center;
    color: #fff;
    font-size:16px;
    line-height: 40px;
	cursor:pointer;
    border: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.meslist .box .submit:hover{ background:#aacd06}
.meslist .box input:focus,.meslist .box textarea:focus{ border:1px solid #014190}
/*=========================*/
.footer {position: relative;width: 100%;background:#333;padding-top:60px; color:#999;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.footer a{ color:#999}
.footer a:hover{ color:#fff}
.footer-top{}
.f-contact{ width:23%}
.f_logo{ border-bottom:1px solid #545454; position:relative; padding-bottom:10px; margin-bottom:20px; font-size:16px;font-weight: bold;}
.f_logo:after{ content:""; width:25px; height:1px; background:#aacd06; position:absolute; left:0; bottom:0}
.f-contact p{ line-height:26px}
.f-contact .tel{ color:#fff; font-size:20px; color:#fff; font-weight:100}
.f-ewm{ text-align:center}
.f-ewm img{ width:110px; height:auto; display:block}
.f-ewm span{ line-height:22px; display:inline-block; padding-top:10px}
.f-menu{ width:50%; margin-left:10%}
.f-menu li{ float:left; width:20%}
.f-menu li h3{ color:#fff; font-size:16px; margin-bottom:25px}
.f-menu li p{ line-height:26px}

.copyright{ border-top:1px solid #545454; padding-top:30px; padding-bottom:30px; margin-top:30px; text-align:center}
.page-2{ margin-top:30px; border-top:1px solid #e8e8e8; padding-top:15px; font-size:14px; position:relative}
.page-2 p{ padding-right:120px;}
.page-2 .more{ position:absolute; right:0; top:20px; width:100px; text-align:center}
.page-2 .more a{ display:block; background:#014190; color:#fff;-webkit-border-radius:25px;-moz-border-radius:25px; border-radius:25px;}
.page-2 .more a:hover{ background:#aacd06}
.red{ color:#f00}

#container{ width:100%; height:350px;border:1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.content-window-card {
		position: relative;
		box-shadow: none;
		bottom: 0;
		left: 0;
		width: auto;
		padding: 0;
	}

.content-window-card p {
	height: 2rem;
}
.custom-info {
	border: solid 1px silver;
}

div.info-top {
	position: relative;
    background: none repeat scroll 0 0 #F9F9F9;
    border-bottom: 1px solid #CCC;
    border-radius: 5px 5px 0 0;
}
div.info-top div {
	display: inline-block;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	line-height: 31px;
	padding: 0 10px;
}
	
div.info-top img {
	position: absolute;
	top: 10px;
	right: 10px;
	transition-duration: 0.25s;
}
div.info-middle {
    font-size: 12px;
    padding: 10px 6px;
    line-height: 20px;
	background:#fff;
}
div.info-bottom {
	height: 0px;
	width: 100%;
	clear: both;
	text-align: center;
}

div.info-bottom img {
	position: relative;
	z-index: 104;
}

.info-middle img {
	float: left;
	margin-right: 6px;
}