@charset "utf-8";
/* CSS Document */
html{ }
html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; -webkit-tap-highlight-color:rgba(0,0,0,0);}
body { font-size:14px;background:#FFF; color:#666; font-family:"思源黑体","微软雅黑";}
body{ max-width: 1920px; margin:auto;}
ul,li { list-style: none; }
img { border:0; }
input:focus,textarea:focus{ outline:none; }
input,select{font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif}
.input_noline{ background-color:transparent;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
a {text-decoration: none;outline:none;color: #333;transition: 0.5s;}
a:hover {text-decoration: none;color: #666; transition: 0.5s;}

.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; transition:0.5s ease-in-out; text-transform:uppercase; }
.fl { float: left; }
.fr { float: right; }

/*header头部的CSS布局*/

.main_box{width:96%;margin:0 auto;padding:0;}


.header{ height: 95px;line-height:95px;}

.header .logo{ width: 20%; padding: 15px 0 0; display: block;}
.header .logo img{}

.header .app_logo{ display: none; float: left;}
.header .app_logo img{ max-width: 100%;}
/*
.header .h_nav{ width: 50%; line-height: 95px;}
.header .h_nav ul{ margin: 0; padding: 0; text-align: center;}
.header .h_nav ul li{ width: 16%; float: left; position: relative; transition:0.5s;}
.header .h_nav ul li a{ color: #606060; font-size: 16px; display: block;}

.header .h_nav ul li:hover a{ color: #ec6c00; transition:0.5s;}
.header .h_nav ul li i{ display: block; width: 0; height: 2px; background: #ec6c00; position: absolute;left: 0; right: 0; margin: 0 auto; bottom: 0; opacity: 0;transition:0.5s;}
.header .h_nav ul li:hover i{ transition:0.5s; opacity: 1; width: 58px;}


.header .h_nav ul li ul{position:absolute;z-index:99999;width:180px;top:100px;left:18px;background-color:rgba(255,255,255,0.95);opacity:0;padding:5px 15px 2px; visibility:hidden;transition:0.3s; border-bottom:3px solid #ec6b00;box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.header .h_nav ul li ul li{width:180px;height:auto; line-height:50px; float:none; margin:0; border-bottom:1px dashed rgba(0,0,0,0.15); background: none; }
.header .h_nav ul li ul li a{ font-size:15px; color: #666; text-align: left; padding-left: 8px;}
.header .h_nav ul li:hover ul li a{ color: #666;}
.header .h_nav ul li:hover ul{opacity:1;visibility:visible;top:95px;}
.header .h_nav ul li ul li a:hover{color: #ec6c00; background: rgba(0,0,0,0.02);}
.header .h_nav ul li ul li:last-child{ border-bottom: none;}*/

.h_nav{width: 70%;}
.h_nav>ul{ margin: 0; padding: 0; transition: 0.5s;}
.h_nav>ul:after{display: block;content: '';clear: both; }
.h_nav>ul>li{display: block;width: 16%;height: 100%;float: left;position: relative;}
.h_nav>ul>li a{display: inline-block;font-size: 18px;text-decoration:none; color: #606060;text-align: center;font-weight:700;}
.h_nav>ul>li ul{ transition: 0.5s; opacity: 0; visibility: hidden;}

.h_nav>ul>li>ul{width: 200px;height: auto;position:absolute;top: 100px;left:-38px; z-index: 99999;background-color:rgba(255,255,255,0.95);transition:0.5s; border-bottom:3px solid #ec6b00;box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.h_nav>ul>li:hover>a+ul{transition: 0.5s; opacity: 1; visibility: visible; top: 96px;}
.h_nav>ul>li>ul>li,.h_nav>ul>li>ul>li>ul>li{display: block;width: 100%; line-height:55px; height: 55px; text-align: left;border-bottom: 1px dashed rgba(0,0,0,0.1);}
.h_nav>ul>li>ul>li a{font-size: 16px; padding-left:25px; color: #868686;}
.h_nav>ul>li>ul>li:last-child,.h_nav>ul>li>ul>li>ul>li:last-child{border: 0px;}
.h_nav>ul>li>ul>li:hover a,.h_nav>ul>li>ul>li>ul>li:hover a{ color: #666;transition:0.5s; }
.h_nav>ul>li>ul>li:hover ul{ opacity: 1; visibility: visible; color: #ec6c00; transition: 0.5s; }
.h_nav>ul>li>ul>li>ul{width: 180px;height: auto;background-color:rgba(255,255,255,0.95);position: relative;top:-55px;left: 100%;border-bottom:3px solid #ec6b00;box-shadow: 0 0 15px rgba(0,0,0,0.1); transition: 0.5s;}
.h_nav>ul>li>ul>li>ul li a{padding-left: 28px;}
.h_nav>ul>li>ul:hover{ transition: 0.5s; opacity: 1; visibility: visible;}

.header .code{ width: 10%;}
.header .code font{ color: #666666; font-size: 16px; line-height: 20px; padding: 38px 0; display: block;}

.header .h_rt{ width: 18%; height: 95px;}
.header .h_rt .lan{ width: 30%; height: 95px; line-height: 100px; text-align: center; background: url(../images/h_lan_li.png) 66px 47px no-repeat; border-left: 1px solid #e5e5e5;}

.header .app_lan{ width: 36px; height: 36px; line-height: 36px;  float: right; display: none;background: #00389e; margin: 6px 8px 0 0; border-radius: 100%;}
.header .app_lan a{ display: block; color: #fff; font-size: 14px;text-align: center;}




.header .h_rt .search{ width: 30%; height: 95px; border-left: 1px solid #e5e5e5; background: url(../images/h_search.png) center 42px  no-repeat; margin-left: 4%; position: relative; transition: 0.5s;}
.header .h_rt .search .s_box{ position: absolute; z-index: 999999; right: -1px; bottom:-60px; width: 350px; height: 50px;line-height: 50px; background:rgba(236,107,0,0.8); opacity: 0; visibility: hidden; transition: 0.5s;/* border-radius: 90px;*/}

.header .h_rt .search .s_box .s_b_lt{ width: 310px; float: left;}
.header .h_rt .search .s_box .s_b_lt input{ width: 240px; line-height: 48px; height: 48px;padding: 0 15px; color:#FFF;}
.header .h_rt .search .s_box .s_b_rt{ width: 40px; float: right; margin-top: 3px;}
.header .h_rt .search:hover .s_box{ opacity: 1; visibility: visible; transition: 0.5s; bottom: -50px;}

.header .h_rt .nav-icon{ width: 30%; height: 95px; cursor: pointer; border-left: 1px solid #e5e5e5; background: url(../images/nav_icon.png) center 42px no-repeat;}


.topnav{position:absolute; bottom:0; right:0; left: 0; height:100%; width:100%; background:rgba(0,0,0,0.9); z-index:999999; display:none;}
.topnav>ul{margin:0 auto;width:350px; text-align:left; padding: 10% 0 0;}
.topnav>ul:after{display: block;content: '';clear: both; transition: 0.5s;}
.topnav>ul>li{display: block;width: 16%;height: 100%; line-height: 40px; padding: 15px 0; position: relative;}
.topnav>ul>li a{width:350px; display: inline-block;font-size: 22px;text-decoration:none; color:rgba(255,255,255,1.00);transition: 0.5s;}
.topnav>ul>li ul{ transition: 0.5s; opacity:0; visibility:hidden;}
.topnav>ul>li:hover a{ color:rgba(255,255,255,0.8); transition: 0.5s; }
.topnav>ul>li>ul{width: 240px;height: auto;position:absolute;top:20px;left:100%; z-index: 99999;transition:0.5s; margin-left: 30px;}
.topnav>ul>li:hover>a+ul{transition: 0.5s; opacity: 1; visibility: visible; top: 13px;}
.topnav>ul>li>ul>li,.topnav>ul>li>ul>li>ul>li{display: block;width: 100%; line-height:45px; height: 45px; text-align: left;}
.topnav>ul>li>ul:hover{ transition: 0.5s; opacity: 1; visibility: visible;}
.topnav>ul>li>ul>li a{font-size: 18px; padding-left: 65px; color:rgba(255,255,255,0.8);}
.topnav>ul>li>ul>li:last-child,.topnav>ul>li>ul>li>ul>li:last-child{border: 0px;}
.topnav>ul>li>ul>li:hover a,.topnav>ul>li>ul>li>ul>li:hover a{ color: #666;transition:0.5s; }
.topnav>ul>li>ul>li:hover ul{ opacity: 1; visibility: visible; color: #ec6c00; transition: 0.5s; top: -45px; }
.topnav>ul>li>ul>li>ul{width: 180px;height: auto;position: relative;top:-30px;left: 100%; padding-left:0; }
.topnav>ul>li>ul>li>ul>li{ background: none;}
.topnav>ul>li>ul>li>ul li a{padding-left: 28px; font-size: 16px;}
.topnav>ul>li>ul>li>ul:hover { transition: 0.5s; opacity: 1; visibility: visible;}

.topnav ul li i{ width:2px; height:1px; background:#FFFFFF; position:absolute; left:-90px; top:34px; transition:0.5s;}
.topnav ul li:hover i{ width:70px; transition:0.5s;}

.topnav .close{ width:44px; height:44px; position:absolute; top:50px; right:100px; cursor:pointer; background:url(../images/close.png) no-repeat; transition:1s;}
.topnav .close img{ max-width:100%;}
.topnav .close:hover{transform:rotate(360deg); transition:1s;}

@media (max-width:1480px){
	.header .h_nav{ width: 60%;margin-left: 2%;}
	.header .code{ width: 12%;}
	.header .h_rt .lan{background: url(../images/h_lan_li.png) 55px 47px no-repeat;}
	
}

@media (max-width:1366px){
	.header .main_box{ width: 98%;}
	.header .h_nav{ width: 70%;margin-left: 3%;}
	.h_nav>ul>li{width:auto;height: 100%;padding: 0 2%;}
	.h_nav>ul>li a{font-size: 21px;font-weight: 700px;font-family: Arial;}
	
}
@media (max-width:1260px){

	.header .code font{padding: 38px 0 0;}
	.h_nav>ul>li a{font-size: 15px;}
	.header .h_rt .lan{background: url(../images/h_lan_li.png) 44px 47px no-repeat;}
	.header .h_nav{width: 70%;margin-left: 3%;}
	.h_nav>ul>li a{font-size: 19px;}
}

@media (max-width:1200px){
	.header .code {width: 15%;}
	
}

@media (max-width:1120px){
    /*display:none;*/
	.header{ padding: 10px 0 5px; height: auto; overflow: hidden;}
	.header .logo,.header .magage,.header .h_nav,.header .code,.header .h_rt{ display:none; },
	.header .app_logo,.header .app_lan{ display: block;}
	
	.header .morenav{ float:right; display:block; background:#f0f0f0 url(../images/nav_icon.png) no-repeat center;width:36px; height:36px; margin-top: 6px; border-radius: 100%;}
	.header .navon{height:52px;}

	.mm-pagedim-black #mm-blocker { opacity: 0; }
	.mm-pagedim-black.mm-opening #mm-blocker { background: #000; opacity: .3; transition: opacity .4s ease .4s; }
	.mm-listview li span{width:6px;height:2px; background:#606060; margin-right:10px;display:block; margin:10px 18px 0 0;float:left;}
	.header .h_nav{width: 70%;margin-left: 3%;}
	.h_nav>ul>li a{font-size: 19px;}
	.h_nav>ul>li a{font-size: 19px;font-weight: 700px;font-family: Arial;}
}

/*PC-Banner*/
.banner {width: 100%;height: 778px;overflow: hidden;position: relative;}
.banner .hd {height: 18px;overflow: hidden;position: absolute;right: 0;left: 0;width: 150px;margin: 0 auto;bottom: 30px;z-index: 1;}
.banner .hd ul {overflow: hidden;zoom: 1; text-align: center;}
.banner .hd ul li {margin: 0 5px;width: 15px; height: 3px; display: inline-block; background:rgba(255,255,255,0.5);cursor: pointer;}
.banner .hd ul li.on {background: #ec6b00;}
.banner .bd {position: relative;height: 100%;z-index: 0;}
.banner .bd li {zoom: 1;vertical-align: middle;}
.banner .bd li a {}
.banner .bd li a .img {width: 100%;height: 700px;background-position: center top;background-repeat: no-repeat;}
.banner .bd li a .img img {max-width: 100%;}
.banner .prev, .banner .next {position: absolute;top: 46%;display: block;width: 30px;height: 60px;opacity: 0.3;transition: 0.5s;}
.banner .next {left: auto;right: 2%;background: url(../images/slider_arrow_rt.png)0 0 no-repeat;}
.banner .prev {left: 2%;right: auto;background: url(../images/slider_arrow_lt.png)0 0 no-repeat;}
.banner .prev:hover, .banner .next:hover {opacity: 1;}


/*APP-Banner*/
.app_banner_box {position: relative;margin: 0 auto;width: 100%;overflow: hidden;display: none;}
.app_banner_box .hd {position: absolute;bottom: 10px;width: 100%;height: 10px;}
.app_banner_box .hd ul {width: 100%;text-align: center;}
.app_banner_box .hd ul li {margin: 0 5px;width: 15px; height: 3px;background:rgba(255,255,255,0.5); display: inline-block;text-indent: 9999px;cursor: pointer;}
.app_banner_box .hd ul li.on {background: rgba(255,255,255,1);opacity: 1;border: 1px solid rgba(255,255,255,1);}
.app_banner_box .bd {position: relative;z-index: 0;}
.app_banner_box .bd li {position: relative;text-align: center;}
.app_banner_box .bd li img {vertical-align: top;width: 100%;}
.app_banner_box .bd li a {-webkit-tap-highlight-color: rgba(0,0,0,0);}

@media (max-width:1100px){
	.banner{ display: none;}
	.app_banner_box{ display: block;}
}



.i_num{ height: auto; overflow: hidden; padding: 35px 0; border-top: 5px solid #ec6b00;}
.i_num ul{ margin: 0; padding: 0; text-align: center;}
.i_num ul li{ width: 33%; display: inline-block;}
.i_num ul li a{ display: block; font-size: 16px; color:#727272;}
.i_num ul li a .num_b{ height: auto; overflow: hidden; padding: 10px 0 0;}
.i_num ul li a font{ display: block; font-size: 58px; text-align: right; width: 56%; font-weight: 550; color: #2d201c;}
.i_num ul li a i{ display: block; font-size: 12px; font-style: normal; text-align: left; width: 44%;}
.i_num ul li a span{ display: block; line-height: 30px;}

@media (max-width:1024px){
.i_num{padding: 25px 0 20px; border-top:none;}
.i_num ul li{ width: 32%;}
.i_num ul li a{font-size: 14px;}
.i_num ul li a .num_b{padding: 0;}
.i_num ul li a font{ font-size: 34px;}

	
}


.i_pro{ height: auto; overflow: hidden; border-top: 6px solid #ec6b00;}

.i_pro .pro_lt,.i_pro .pro_rt{width: 50%;}

.i_pro .pro_img{ height:740px; overflow: hidden; transition: 0.5s;}
.i_pro .pro_lt_img:hover,.i_pro .pro_rt_img:hover{}


.i_pro .pro_lt_img{ background: url(../images/i_pro_lt_bg.jpg) center top no-repeat; background-size:cover;}
.i_pro .pro_rt_img{ background: url(../images/i_pro_rt_bg.jpg) center top no-repeat; background-size:cover;}

.i_pro .pro_font{ margin: 120px 0 0 15%;}
.i_pro .pro_font .pro_f_title{ font-size: 30px; color: #FFF; line-height: 50px; transition: 0.5s; }
.i_pro .pro_font .pro_f_title i{ display: block; width: 35px; height: 3px; background:#FFF; margin-top: 18px;}
.i_pro .pro_font .pro_f_title:hover{ font-size: 34px; transition: 0.5s;}
.i_pro .pro_font .pro_f_li{ height: auto; overflow: hidden; margin-top: 30px;}
.i_pro .pro_font .pro_f_li ul{ margin: 0; padding: 0;}
.i_pro .pro_font .pro_f_li ul li{ line-height: 50px; background: url(../images/pro_li.png) left center no-repeat;}
.i_pro .pro_font .pro_f_li ul li a{ display: block; font-size: 20px; color:rgba(255,255,255,1.00); padding-left: 30px; transition: 0.5s;}
.i_pro .pro_font .pro_f_li ul li a:hover{ transition: 0.5s; color:rgba(255,255,255,0.9); font-size: 24px; text-decoration: underline;}
.i_pro .pro_font .pro_f_lt_more{ width: 206px; height: 54px; overflow: hidden; background: url(../images/pro_more.png) 140px center no-repeat; 
border-radius:30px; border: 1px solid rgba(255,255,255,1.00); transition: 0.5s; margin-top: 45px;}
.i_pro .pro_font .pro_f_lt_more font{ padding-left: 45px; text-transform: uppercase; line-height: 54px; font-size: 16px;}
.i_pro .pro_font a{ color: #FFF;}
.i_pro .pro_font .pro_f_lt_more:hover{ background:#231816 url(../images/pro_more.png) 140px center no-repeat;border: 1px solid #ec6b00; transition: 0.5s;}


.i_pro .pro_font .pro_f_rt_more{ width: 206px; height: 54px; overflow: hidden; background:#ec6b00 url(../images/pro_more.png) 140px center no-repeat; 
border-radius:30px; transition: 0.5s; margin-top: 144px;border: 1px solid #ec6b00; }
.i_pro .pro_font .pro_f_rt_more font{ padding-left: 45px; text-transform: uppercase; line-height: 54px; font-size: 16px;}
.i_pro .pro_font a{ color: #FFF;}
.i_pro .pro_font .pro_f_rt_more:hover{ background:#014582 url(../images/pro_more.png) 140px center no-repeat; transition: 0.5s;border: 1px solid #014582;}
@media (max-width:1150px){
	.i_pro .pro_img{ height:428px;}
	.i_pro .pro_font{ margin: 50px 0 0 15%;}
	.i_pro .pro_font .pro_f_lt_more{margin-top: 30px;}
	.i_pro .pro_font .pro_f_rt_more{margin-top: 130px;}
}

@media (max-width:1100px){
	.i_pro .pro_lt,.i_pro .pro_rt{width: 100%;}
	.i_pro .pro_img{ height:320px;}
	.i_pro .pro_font{margin: 40px 0 0 15%;}
	.i_pro .pro_font .pro_f_title{ font-size:24px; line-height:30px;}
    .i_pro .pro_font .pro_f_title i{ width: 25px; height: 3px; background:#FFF; margin-top: 14px;}
	.i_pro .pro_font .pro_f_li{ margin-top: 20px;}
	.i_pro .pro_font .pro_f_li ul li{ line-height: 30px;}
	.i_pro .pro_font .pro_f_li ul li a{font-size: 16px;}
	
	.i_pro .pro_font .pro_f_lt_more{ width: 150px; height: 25px; background: url(../images/pro_more.png) 90px center no-repeat;margin-top: 15px;}
	.i_pro .pro_font .pro_f_lt_more font{ padding-left: 35px; line-height: 30px; font-size: 14px;}

	.i_pro .pro_font .pro_f_rt_more{ width: 150px; height: 25px;  background:#ec6b00 url(../images/pro_more.png) 90px center no-repeat; margin-top:15px; }
	.i_pro .pro_font .pro_f_rt_more font{ padding-left: 35px; line-height: 25px; font-size: 14px;}
}




.i_video{ height: 455px; overflow: hidden; position: relative;background: #f5f5f5;}
.i_video .video_b{ height: auto; overflow: hidden;/* background: url(../images/video-font.png) center no-repeat;*/}
.i_video .video_b .v_img{ width: 80px;  margin: 0 auto;}
.i_video .video_b font{ display: block; line-height: 30px; padding: 25px 0; font-size: 30px; color: #FFF; text-align: center; letter-spacing: 2px;}
.i_video .video_b_img{ height: 195px; overflow: hidden; position: absolute; left: 0; right: 0; top:25%; text-align: center; margin: 0 auto; z-index: 99;}
.i_video .video_b_img img{ max-width: 100%;}
.i_video .none{ display: none;}
.i_video .block{ display:block;}

@media (max-width:1100px){
	.i_video{ height: 250px;}
	.i_video .video_b{margin: 50px auto 0;/* background: url(../images/video-font1.png) center no-repeat;*/}
	.i_video .video_b_img{ height: 116px;}
	.i_video .video_b_img img{ max-width: 100%; text-align: center; text-align-last: center;}
	
	.i_video .none{ display: block;}
	.i_video .none img{ max-width: 100%;}
    .i_video .block{ display:none;}

	
}

@media (max-width:720px){
	.i_video{ height: 220px;}
	
}

@media (max-width:550px){
	.i_video .none img{ max-width: 110%;}
}
@media (max-width:480px){
	.i_video .none img{ max-width: 115%;}
}
@media (max-width:460px){
	.i_video .none img{ max-width: 120%;}
}
@media (max-width:440px){
	.i_video .none img{ max-width: 130%;}
}
@media (max-width:405px){
	.i_video .none img{ max-width: 135%;}
}
@media (max-width:385px){
	.i_video .none img{ max-width: 145%;}
}
@media (max-width:365px){
	.i_video .none img{ max-width: 145%;}
}
@media (max-width:350px){
	.i_video .none img{ max-width: 155%;}
}

.i_information{ height: auto; overflow: hidden; background: #f5f5f5;}
.i_information .main_box{ width: 100%;}

.i_information .i_service .i_s_title1{ font-size: 26px;color: #231816;}
.i_information .i_service .i_s_title1 i{ background:#231816;display: block; width: 20px; height: 2px; margin-top: 8px;}


.i_information .i_service{ height: 500px; overflow: hidden; width: 24%; padding: 100px 2%; transition: 0.5s;}
.i_information .i_service .s_font{ padding: 30px 0; color: #8c8c8c; font-size: 14px; line-height: 24px; }

.i_information .i_service .i_s_more{ width: 206px; height: 54px; line-height: 54px; overflow: hidden; border-radius:30px; margin-top:10px; background: #ec6b00; text-align: center; transform: 0.5s; }
.i_information .i_service .i_s_more font{  text-transform: uppercase; font-size: 16px; }
.i_information .i_service a{ color: #FFF; }


.i_information .i_service:hover{ background: #ec6c00;cursor: pointer; transition: 0.5s; }
.i_information .i_service:hover .i_s_title1{ color: #FFF;}
.i_information .i_service:hover .i_s_title1 i{ background:#FFF; }
.i_information .i_service:hover .s_font{ color: #FFF; }
.i_information .i_service:hover .i_s_more{ background:#231816; text-decoration: underline;transition: 0.5s; }

.i_information .i_service.hover{ background: #ec6c00;cursor: pointer; transition: 0.5s; }
.i_information .i_service.hover .i_s_title1{ color: #FFF;}
.i_information .i_service.hover .i_s_title1 i{ background:#FFF; }
.i_information .i_service.hover .s_font{ color: #FFF; }
.i_information .i_service.hover .i_s_more{ background:#231816; text-decoration: underline;transition: 0.5s; }

.i_information .i_about_jobs .i_s_title2{ font-size: 20px; color: #231816;}
.i_information .i_about_jobs .i_s_title2 i{ background:#231816;display: block; width: 20px; height: 2px; margin-top: 8px;}


.i_information .i_about_jobs{ height: 500px; overflow: hidden; width: 20%; padding: 100px 2%; transition:0.5s; }
.i_information .i_about{ background: url(../images/a_bg.jpg) left top repeat-y; }
.i_information .i_about_jobs .a_j_img{ width: auto; height: auto; overflow: hidden; margin-top: 30px;}
.i_information .i_about_jobs .a_j_img img{ max-width: 100%; transition: 0.5s;}
.i_information .i_about_jobs .aj_font{ padding: 20px 0; color: #8c8c8c; font-size: 14px; line-height: 24px;}

.i_information .i_about_jobs .i_aj_more{width: 158px; text-align: center; height: 40px; line-height: 40px; background: #FFF; border-radius: 30px;  overflow: hidden; transition: 0.5s; margin-top:120px;}
.i_information .i_about_jobs .i_aj_more font{  text-transform: uppercase; font-size: 14px;}
.i_information .i_about_jobs a{ color: #231816;}

.i_information .i_about_jobs:hover .i_aj_more{ width: 158px; text-align: center; background:#ff8016; }
.i_information .i_about_jobs:hover .i_aj_more font{ color: #FFF;}
.i_information .i_about_jobs:hover{ background: #ec6c00;cursor: pointer; transition: 0.5s; }
.i_information .i_about_jobs:hover .a_j_img img{ transform: scale(1.1); transition: 0.5s;}
.i_information .i_about_jobs:hover .i_s_title2{ color: #FFF;}
.i_information .i_about_jobs:hover .i_s_title2 i{ background:#FFF; }



.i_information .i_about_jobs.hover .i_aj_more{ width: 158px; text-align: center; background:#ff8016; }
.i_information .i_about_jobs.hover .i_aj_more font{ color: #FFF;}
.i_information .i_about_jobs.hover{ background: #ec6c00;cursor: pointer; transition: 0.5s; }
.i_information .i_about_jobs.hover .a_j_img img{ transform: scale(1.1); transition: 0.5s;}
.i_information .i_about_jobs.hover .i_s_title2{ color: #FFF;}
.i_information .i_about_jobs.hover .i_s_title2 i{ background:#FFF; }


.i_information .i_about_jobs.hover .aj_font{color: #FFF;}

@media (max-width:1500px){
	.i_information .i_service,.i_information .i_about_jobs{ height: 450px;}
}

@media (max-width:1100px){
	.i_information .i_service,.i_information .i_about_jobs{ height: 380px; padding: 60px 2% 50px;}
	.i_information .i_about_jobs .i_aj_more{width:100px; margin-top:20px; height: 34px; line-height: 34px;}
	
	.i_information .i_service .i_s_more{ width:100px; height: 34px; line-height: 34px;}
	.i_information .i_service .i_s_more font{ font-size: 14px; }
	.i_information .i_about_jobs:hover .i_aj_more{ width: 100px;}
	
}
@media (max-width:720px){
	.i_information{ padding: 40px 0 20px;}
	.i_information .i_service,.i_information .i_about_jobs{ height: 370px; width: 45%; padding:0 2%;}
	.i_information .i_about{ background:none;}
	.i_information .i_about_jobs .i_aj_more{  margin-top:10px;}
	
	.i_information .i_about_jobs.hover{ background: #f5f5f5;}
	.i_information .i_about_jobs.hover .aj_font{color: #8c8c8c;}
	.i_information .i_about_jobs.hover .i_s_title2{ color:#231816;}
	.i_information .i_about_jobs.hover .i_s_title2 i{ background:#231816; }
	
	
	.i_information .i_service:hover{ background: #f5f5f5;cursor: pointer; transition: 0.5s; }
	.i_information .i_service:hover .i_s_title1{ color: #231816;}
	.i_information .i_service:hover .i_s_title1 i{ background:#231816; }
	.i_information .i_service:hover .s_font{ color: #8c8c8c; }
	
	.i_information .i_about_jobs .a_j_img{ margin-top: 16px;}
	.i_information .i_service .i_s_more{  margin-top:0px;}


}
@media (max-width:500px){
.i_information .i_service .i_s_title1{ font-size: 20px;}
}


.footer_top{ height: auto; overflow: hidden; margin-top: 70px;}

.footer_top .f_left{ width: 20%; height: auto; overflow: hidden;}
.footer_top .f_left .f_lt_logo{}
.footer_top .f_left .f_lt_logo img{ max-width: 100%;}
.footer_top .f_left .f_lt_contact{ height: auto; overflow: hidden; margin-top: 20px;}
.footer_top .f_left .f_lt_contact ul{ margin: 0; padding: 0;}
.footer_top .f_left .f_lt_contact ul li{ line-height: 30px; background-position:left center; background-repeat: no-repeat;}
.footer_top .f_left .f_lt_contact ul li a{ padding-left: 30px; color: #8d8d8d; font-size: 13px; line-height: 18px;}


.footer_top .f_mid{ width: 54%; height: auto; overflow: hidden; padding:10px 2% 80px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;  margin:0 3%;}
.footer_top .f_mid .f_m_box{ width: 18%; margin: 0 1%;}
.footer_top .f_mid .f_m_box .f_m_title{ background: url(../images/f_nav_li.jpg) left center no-repeat; padding-left: 20px; color: #242424; font-size: 17px;}
.footer_top .f_mid .f_m_box ul{ margin:15px 0 0; padding: 0;}
.footer_top .f_mid .f_m_box ul li{ line-height: 20px; padding: 5px 0;}
.footer_top .f_mid .f_m_box ul li a{ font-size: 14px; color: #848484; padding-left: 20px; transition: 0.5s;}
.footer_top .f_mid .f_m_box ul li:hover a{ color: #242424; text-decoration: underline; transition: 0.5s;}


.footer_top .f_right{ width: 15%; height: auto; overflow: hidden;}
.footer_top .f_right .erweima_img{ }
.footer_top .f_right .erweima_img .ewm_img{ width: 115px;}
.footer_top .f_right .erweima_img font{ display: block; padding: 15px 0; color:#757575;}

.footer_top .f_right .share{ margin-top:15px; }
.footer_top .f_right .share font{ color: #242424; display: block; font-size: 16px;}
.footer_top .f_right .share ul{ margin: 0; padding: 0;}
.footer_top .f_right .share ul li{ width: 26px; height: 25px; float: left; margin: 0 2px;}


@media (max-width:1550px){
	.footer_top .f_left{ width: 22%;}
	.footer_top .f_mid{ width: 52%;}
	
}

@media (max-width:1400px){
	.footer_top .f_mid .f_m_box ul li a{padding-left: 0;}
	
}
@media (max-width:1366px){
	.footer_top .f_left{ width: 30%;}
	.footer_top .f_mid{ width: 50%;}
	.footer_top .f_right{ width: 10%;}
	.footer_top .f_mid .f_m_box:nth-child(5){ display: none;}
	.footer_top .f_mid .f_m_box{ width: 23%;}
	
}
@media (max-width:1200px){
	.footer_top .f_mid{ width: 53%;}
	.footer_top .f_right .erweima_img font{ font-size: 12px; }
}
@media (max-width:1100px){
	.footer_top{ margin-top: 30px;}
	.footer_top .f_left{ width: 100%;}
	.footer_top .f_left .f_lt_contact{ margin-top: 0px;}
	.footer_top .f_left .f_lt_contact ul li a{ padding-left: 20px; line-height: 20px;}
	.footer_top .f_mid,.footer_top .f_right{ display: none;}
}
@media (max-width:720px){
	.footer_top{ margin-top: 15px;}
}
@media (max-width:360px){
	.footer_top .f_left .f_lt_contact ul li{ background-image: none!important;}
	.footer_top .f_left .f_lt_contact ul li a{  padding-left: 0;}
}

.footer_bottom{ height: auto; overflow: hidden; border-top: 1px solid #efefef; margin-top: 50px; padding: 20px 0; line-height: 30px;}
.footer_bottom .f_b_lt{ color:#aaabab; text-transform: uppercase; font-size: 13px;}

/*.footer_bottom .f_b_rt{}
.footer_bottom .f_b_rt ul{ margin: 0; padding: 0;}
.footer_bottom .f_b_rt ul li{ width: 100px; float: left; color:#aaabab; line-height: 30px;}
.footer_bottom .f_b_rt ul li a{ color:#aaabab; font-size: 13px;}
.footer_bottom .f_b_rt ul li select,.footer_bottom .f_b_rt ul li option{color:#aaabab;}*/


@media (max-width:1300px){
	.footer_bottom .f_b_lt,.footer_bottom .f_b_rt{float: none;text-align: center; }
	.footer_bottom .f_b_rt ul{ text-align: center;}
	.footer_bottom .f_b_rt ul li{  float: none; display: inline-block;}
}
@media (max-width:1100px){
	.footer_bottom{ margin-top: 20px;}
	.footer_bottom .f_b_lt{ text-align: center; line-height: 20px;}
	.footer_bottom .f_b_lt .fl{ float: none;}
	.footer_bottom .f_b_rt{ display: none;}
}




.fixed{width:40px;height:auto;position:fixed;right:20px;bottom:60px;z-index:999; display: block;}
.fixed a{display:block; color:#888; margin-bottom:1px;}

.fixed .silder1{width:50px;height:50px; background-repeat: no-repeat; background-position: center; position:relative;}
.fixed .silder1 .silder1_box{width:auto;position:absolute;right:80px;top:0;opacity:0;transition:.6s;visibility: hidden; background:#e70a0f; padding: 0 10px; height: 50px; line-height: 50px; color:#fff; border-radius: 4px;}
.fixed .silder1:hover .silder1_box{right:52px;opacity:1;z-index:999;visibility:visible;}

.fixed .silder2{width:50px;height:50px;background:url(../images/slide_icon3.jpg) no-repeat;position:relative;}
.fixed .silder2 .silder2_box{position:absolute;right:100px;top:-10px;opacity:0;transition:.6s;visibility: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.1); box-shadow:1px 1px 20px rgba(0,0,0,0.05); border:4px solid #FFF;}

.fixed .silder2 .silder2_box img{display:block;width:75px;}
.fixed .silder2:hover .silder2_box{right:60px;opacity:1;z-index:999;visibility:visible; }

.fixed .scroll{ width:50px; height:50px; cursor:pointer; transition: 0.5s;}
.fixed .scroll:hover{ opacity: 0.2;}


.app_botm{ overflow:hidden; background:#ec6c00; position:fixed; bottom:0; left:0; right:0; height:58px; z-index:999999; display: none; box-shadow: 0 0 25px rgba(0,0,0,0.4);}
.app_botm ul{ margin:0; padding:8px 0 0; text-align:center;}
.app_botm ul li{ width:30%; display:inline-block;}
.app_botm ul li .pic{}
.app_botm ul li a{ color:#FFF;}
.app_botm ul li a font{ display: block; font-size: 12px;}


@media (max-width:720px){
	
	.footer_bottom{ margin: 20px 0 55px;}
	.fixed{ display: none;}	
	.app_botm{ display: block;}
	
}



/*内页*/

.com_ban{ width: 100%; height: 300px; overflow: hidden; background-repeat: no-repeat; background-position: center top;}
.com_pro{ height: 360px!important;}

.com_b_box{ height: auto; text-align: center; margin: 70px auto 0;}
.com_b_box .com_n_title{ font-size: 36px; color: #FFF;margin: 0 auto 16px;}
/*.com_b_box .com_n_title i{ width: 30px; height: 2px; background: #FFF; margin: 15px auto 20px; display: block;}*/


.com_b_box .c_link{ height: auto; overflow: hidden; margin-bottom: 20px;}
.com_b_box .c_link ul{ margin: 0; padding: 0; text-align: center;}
.com_b_box .c_link ul li{ display: inline-block; padding:0 2px; line-height: 24px;}
.com_b_box .c_link ul li a{ color:rgba(255,255,255,0.8); font-size: 16px;}
.com_b_box .c_link ul li a i{color:rgba(255,255,255,0.5); padding-left: 4px;}
.com_b_box .c_link ul li:hover a{color:rgba(255,255,255,1);}
.com_b_box .c_link ul li:last-child a{color:rgba(255,255,255,1); font-size: 16px;}


.com_b_box .c_nav{ height: auto;}
.com_b_box .c_nav ul{ margin: 0; padding: 0; text-align: center;}
.com_b_box .c_nav ul li{ display: inline-block; padding: 0 35px; margin: 0 10px;line-height: 44px; background-color: rgba(21, 11, 2, 0.81); border-radius: 26px; transition: 0.5s; position: relative;}
.com_b_box .c_nav ul li a{ color:rgba(255,255,255,1); font-size: 16px; display: block;}
.com_b_box .c_nav ul li:hover { background-color: #ff8016; transition: 0.5s; }


.com_b_box .c_nav ul li ul{ position:absolute; top:52px; left:0; transition:0.5s; width:100%; border-radius: 0;}
.com_b_box .c_nav ul li ul li{ margin:0; padding:0 0 0 60px; line-height: 30px; display: block;  background:url(../images/pro_li.png) 36px center no-repeat;}
.com_b_box .c_nav ul li ul li a{ font-size:14px; color:rgba(255,255,255,0.8); text-align: left;}
.com_b_box .c_nav ul li:hover ul li { background-color: transparent; }

.com_b_box .c_nav ul li ul li a:hover{transition: 0.5s; color:rgba(255,255,255,1); text-decoration: underline; }




.common{ height: auto; overflow: hidden; margin:40px auto; padding-bottom: 70px; border-bottom: 1px solid #efefef;}
.common .main_box{ width: 1200px;}
.common .com_font{ padding-bottom: 10px;line-height: 44px;font-size: 26px;color: #241917;}
.common .com_font .font{ display: block; line-height: 44px; font-size: 28px; color: #606060;  font-weight:lighter; margin-bottom:25px; background: url(../images/t_bg.jpg) 2px bottom no-repeat; padding-bottom: 10px;}
.common .com_font .font i{ display: block; width: 30px; height: 3px; background:#241917; margin: 18px auto 0;}
.common .com_font .jobs_font{ line-height: 44px; font-size: 18px; margin-top: 8px; color: #999; background:url(../images/adress.png) 0 center no-repeat; padding-left: 42px;}
.common .com_img{ margin: 10px 0;}
.common .com_img img{ max-width: 100%;}


@media (max-width:1100px){
	.com_ban{ height: auto; background-image: none!important;background-color: #241917;}
	.com_pro{ height: auto!important;}
	.com_b_box{ margin: 16px 2% 0;}
	.com_b_box .com_n_title,.com_b_box .c_nav{ display: none;}
	.com_b_box .c_link{ margin-bottom: 16px;}
	.com_b_box .c_link ul{text-align: left;}
	.com_b_box .c_link ul li{ display: block; float: left;}
	
	.common{  margin:20px auto; padding-bottom:20px;}
    .common .main_box{ width: 96%;}
	.common .com_font{ line-height: 28px; padding-bottom: 5px;}
	.common .com_font .font{ line-height:36px; font-size: 20px;color: #111111;font-weight:bold;}
	
}



/*投资者关系*/

.com_investor{ height: auto; overflow: hidden;}

.com_investor .inv_search{ height: auto; overflow: hidden; width: 1198px; border: 1px solid rgba(0,0,0,0.15); margin-bottom: 25px; border-radius: 6px;}
.com_investor .inv_search .inv_s_lt{ width: 1150px; float: left;}
.com_investor .inv_search .inv_s_lt input{ width: 1120px; line-height: 55px; height: 55px;padding: 0 15px; color:rgba(0,0,0,0.15);}
.com_investor .inv_search .inv_s_rt{ width: 40px; float: right; margin-top:20px;}

.com_investor .inv_b{ height: auto; overflow: hidden;}
.com_investor .inv_b ul{ margin: 0; padding: 0;}
.com_investor .inv_b ul li{
	line-height: 26px;
	padding: 20px 0;
	border-bottom: 1px dashed rgba(0,0,0,0.15);
	position: relative;
}
.com_investor .inv_b ul li:after{
	content:'';
	height:8px;
	width:8px;
	background-color:#014583;
	margin-top: -4px;
	position: absolute;
	left: 4px;
	top: 50%;
}.com_investor .inv_b ul li.down:after{ display:none}
.com_investor .inv_b ul li.down{background: url(../images/inv_li.png) left center no-repeat;}

.com_investor .inv_b ul li a{ display: block; font-size: 15px; color:#666; padding-left: 30px; transition: 0.5s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.com_investor .inv_b ul li a:hover{ transition: 0.5s; color:#024582;}

.com_investor .inv_b ul li a span{color: #8d8d8d; padding-left: 45px; font-size: 14px; float: right;}
.downbtn{ clear:both}
.downbtn a{ display:inline-block; padding-left:20px; padding-right:20px; background-color:#FF9900; color:#FFFFFF}
@media (max-width:1100px){
    .com_investor .inv_search{width: 98%;margin-bottom: 10px;}
	.com_investor .inv_search .inv_s_lt{ width: 80%;}
	.com_investor .inv_search .inv_s_lt input{ width: 90%;padding: 0 5%;}
	.com_investor .inv_search .inv_s_rt{ float: right; margin-top:20px;}
	
	.com_investor .inv_b ul li{ line-height: 24px; padding: 10px 0;}
	.com_investor .inv_b ul li a{ font-size: 14px;padding-left: 22px; }
	.com_investor .inv_b ul li a span{padding-left: 10px; font-size: 12px;}
}

/*招聘信息*/
/*
.com_jobs{ height: auto; overflow: hidden;}
.com_jobs ul{ margin: 0; padding:0;}
.com_jobs ul li{ height: auto; overflow: hidden;}
.com_jobs ul li a{ color: #666; display: block;}
.com_jobs ul li a .c_j_title{ height: 50px; line-height: 50px; overflow: hidden; background: #efefef; padding: 0 20px;}
.com_jobs ul li a .c_j_title font{ font-size: 16px; color: #241917;}
.com_jobs ul li a .c_j_title span{ font-size: 14px; color: #241917;}

.com_jobs ul li a .c_j_box{ height: auto; overflow: hidden; padding:15px 20px 0;}
.com_jobs ul li a .c_j_box .c_j_b,.com_jobs ul li a .c_j_box .c_j_contact{ height: auto; overflow: hidden; margin-bottom: 20px; line-height: 28px;}
.com_jobs ul li a .c_j_box .c_j_b{ width: 48%; font-size: 12px; }
.com_jobs ul li a .c_j_box .c_j_contact{ width: 100%; }
.com_jobs ul li a .c_j_box font{ display: block; line-height: 30px; font-size: 18px; color: #241917;}

.com_jobs_inf{ width: 100%; line-height: 30px; padding: 8px 0; margin: 20px auto 0; background: #ec6c00; text-align: center; transition: 0.5s;}
.com_jobs_inf a{ color: #FFF; font-size: 16px;}
.com_jobs_inf:hover{ transition: 0.5s; background:#ff8016;}

@media (max-width:1024px){
	.com_jobs ul li a .c_j_title{ height: auto; line-height: 24px; padding: 15px 10px;}
	.com_jobs ul li a .c_j_box .c_j_b{ width: 100%;}
	.com_jobs .fl,.com_jobs .fr{ float: none;}
	.com_jobs ul li a .c_j_box .c_j_b,.com_jobs ul li a .c_j_box .c_j_contact{ margin-bottom: 10px; line-height: 24px;}
	.com_jobs ul li a .c_j_box{  padding:10px 10px 0;}
	.com_jobs ul li a .c_j_box font{ line-height: 26px; font-size: 16px;}
}
*/

/*招聘信息*/
.com_j_box{ height: auto; overflow: hidden; margin: 0 0 20px;}
.com_j_box .mw{ margin-left: 20px;}
.com_j_select{}
.com_j_select select{width: 450px; height: 50px; overflow: hidden; padding: 0 0 0 15px;border: 1px solid rgba(235, 106, 0, 0.9);color: #101010; border-radius: 6px;}
.com_j_search{ width: 350px; height: 50px; overflow: hidden; padding: 0 0 0 15px;border: 1px solid rgba(235, 106, 0, 0.9); border-radius: 6px;}
.com_j_search .s_rt{ width:18px; float: right; padding: 17px 18px 0 0;}
.com_j_search .s_lt{ width:305px; height: 50px; line-height: 50px; float: left;}
.com_j_search .s_lt input{ padding:0 10px 0 5px; width:290px; line-height: 50px; color: #999; font-size: 14px;}

.com_jobs{ height: auto; overflow: hidden;}
.com_jobs ul{ margin: 0; padding:0;}
.com_jobs ul li{ height: auto; overflow: hidden;}
.com_jobs ul li a{ color: #666; display: block;}
.com_jobs ul li a .c_j_title{ height: 60px; line-height: 60px; overflow: hidden; background: #f8f8fa; padding:0 25px; margin: 5px 0;transition: 0.5s;}
.com_jobs ul li a .c_j_title font{ font-size: 16px; color: #241917;}
.com_jobs ul li a .c_j_title span{ font-size: 16px; color: #241917;}
.com_jobs ul li a .c_j_title .w1{ width: 60%;font-size: 16px;}
.com_jobs ul li a .c_j_title .w2{ width: 20%;font-size: 16px;}
.com_jobs ul li a .c_j_title .fr{ width: 10%; text-align: right; color: #666; padding-right: 20px; transition: 0.5s; background:url(../images/f_b_rt_icon.png) right no-repeat;font-size: 16px;}
.com_jobs ul li a .c_j_title:hover .fr{}
.com_jobs ul li a .c_j_title:hover{transition: 0.5s; box-shadow: 0 2px 5px rgba(1,1,1,0.1);}


.com_jobs_inf{ margin: 20px auto 0; text-align: center; transition: 0.5s;}
.com_jobs_inf ul{ margin: 0; padding: 0; text-align: center;}
.com_jobs_inf ul li{ display:block; float: left; margin-right: 30px; line-height: 50px; height: 50px; width: 410px; border-radius:50px;transition: 0.5s; }
.com_jobs_inf ul li a{ color: #FFF; font-size: 16px; display: block;}
.com_jobs_inf ul li:nth-child(1){ background:#ec6b03;}
.com_jobs_inf ul li:nth-child(2){ background:#ec6b03;}
.com_jobs_inf ul li a span{ padding-left: 10px; font-size: 12px;}
.com_jobs_inf ul li:hover{ transition: 0.5s; text-decoration: underline; box-shadow: 0 2px 10px rgba(1,1,1,0.2);}

.c_j_box{ height: auto; overflow: hidden; padding:15px 0 0;}
.c_j_box .c_j_b,.c_j_box .c_j_contact{ height: auto; overflow: hidden; margin-bottom: 30px; line-height: 30px;}
.c_j_box .c_j_b{ width: 48%; font-size: 14px; }
.c_j_box .c_j_contact{ width: 100%; }
.c_j_box .c_j_contact .bor{ margin-top: 5px; padding: 10px 20px 10px 60px; display:inline-block; border: 1px solid rgba(0,0,0,0.12); border-radius: 6px; background: url(../images/mail.png) 20px center no-repeat;font-size: 20px;}
.c_j_box font{ display: block; line-height: 30px; font-size: 20px; color: #ec6b03; padding-bottom: 15px;}


@media (max-width:1100px){
	.com_j_box .mw{ margin-left: 10px;}
	.com_j_select select{width: 400px; height: 45px;}
	.com_j_search{ width: 250px; height:45px; }
	.com_j_search .s_rt{ width:18px; float: right; padding: 15px 18px 0 0;}
	.com_j_search .s_lt{ width:210px; height: 45px; line-height: 45px; float: left;}
	.com_j_search .s_lt input{ width:200px; line-height: 45px;}

	.c_j_box{ padding:10px 0 0;}
	.c_j_box .c_j_b{ width: 100%;}
	.c_j_box .fl,.c_j_box .fl{ float: none;}
	.c_j_box .c_j_b,.c_j_box .c_j_contact{margin-bottom: 10px; line-height: 24px;}
	.c_j_box font{ font-size: 16px;}
	.com_jobs_inf ul li{ display:block; float: left; margin-right: 10px; line-height: 50px; height: 50px; width: 340px; border-radius:50px;transition: 0.5s; }
}


@media (max-width:720px){
.com_j_box{ margin: 0 0 10px;}
.com_j_select select{width: 300px; height: 45px;}
.com_j_search{ width: 283px; height:45px; margin-top: 5px; }
.com_j_search .s_rt{ width:18px; }
.com_j_search .s_lt{ width:245px;}
.com_j_search .s_lt input{ width:240px; }
	
.com_jobs ul li a .c_j_title{ height: auto; line-height: 24px; padding: 10px 20px;}
.com_jobs ul li a .c_j_title .fl{ float: none;}
.com_jobs ul li a .c_j_title .w1,.com_jobs ul li a .c_j_title .w2{ width: 100%;}
.com_jobs ul li a .c_j_title .fr{ width: 100%; float: none; text-align: left;  background:none;}
.com_j_box .fl{ float: none;}
.com_j_box .mw{ margin-left: 0;}
.com_font .fl,.com_font .fr{float: none;}
.common .com_font .jobs_font{ line-height: 32px; height: 32px;padding: 10px 0 10px 0; background: none;}
.com_jobs_inf{ margin: 10px auto 0;}
.com_jobs_inf ul li{float: none; margin:0 auto 5px; width: 300px; border-radius:50px;transition: 0.5s; }
}





/*联系我们页面*/

.com_contact{ height: auto; overflow: hidden;}
.com_contact ul{ margin: 10px 0 0; padding: 0;}
.com_contact ul li{ width: 47%; height: 165px; overflow: hidden; padding: 20px 1% 0; font-size: 14px; margin-bottom: 20px; border-top: 1px dashed #e5e5e5;}
.com_contact ul li a{ color:#868686;}

.com_contact ul li .c_box{ height: auto; overflow: hidden; line-height: 32px;font-size:16px;}
.com_contact ul li .c_box font{ display: block; font-size: 20px; line-height: 26px; padding: 6px 0; transition: 0.5s;color:#606060;}
.com_contact ul li:hover .c_box font{ color: #ec6c00;transition: 0.5s;}

.com_contact ul li:nth-of-type(even){ float: right;}
.com_contact ul li:nth-of-type(odd){ float: left;}


@media (max-width:1100px){
	.com_contact ul{ margin:0;}
	.com_contact ul li{ width: 100%; height: auto; padding: 20px 0 0;margin-bottom: 20px;}
	.com_contact ul li .c_box font{font-size: 18px;}
	.com_contact ul li .c_img{ margin:5px 0 0 0;}
}



/*  product-list  */

.product-list ul{ padding:10px 0; overflow:hidden; text-align: center;}
.product-list li{ display: inline-block; width:39%; padding: 3%; margin: 0 2% 20px; border: 1px solid rgba(0,0,0,0.15);}  
.product-list li:hover p{
	color:#fff;
	background-color:#1f487c;
}
.product-list li a{ display:block; position:relative;}
.product-list li a:hover .et_overlay{opacity:1;z-index:9; background-position:center;}
.product-list li p{
	padding:16px 0;
	font-size:18px; margin-top: 15px;
	background: rgba(6, 0, 0, 0.84);
	white-space: nowrap;
	overflow: hidden; color: #fff; border-top: 4px solid rgba(251, 119, 8, 0.98);
}
.product-list li img{ width:100%; padding:0; transition: 0.5s;}
.product-list li:hover img{ transform: scale(1.1); transition: 0.5s;}
.et_overlay {display: block;position: absolute;z-index: -1;top: 0;left: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 100%;height: 100%;transition: all .3s;opacity:0;/*background-image:url(../images/call_to_action_j.png);*/ background-repeat:no-repeat; background-position:center 100px; cursor: pointer;}
.et_pb_portfolio_filters ul{ overflow:hidden; padding-top:20px;}
.et_pb_portfolio_filters li {float: left;font-size: 14px; margin:0 12px;}
.et_pb_portfolio_filters ul li a {background: #01bde2; display:block;color:#fff;-webkit-border-radius: 80px;border-radius:80px;font-size: 23px; font-family:Arial;padding:5px 20px 8px 20px;}
.et_pb_portfolio_filters ul li a:hover{ background:#4c8fc2}
.et_pb_portfolio_filters ul li a.active{ background:#4c8fc2}

.product-list li{transition: 0.5s;}
.product-list li:hover{transform:translateY(-10px);}

@media (max-width:768px) {

.product-list ul{ padding:10px 10px; overflow:hidden;}
.product-list li{ float:left; width:45%; margin:2% 1%; padding: 1%; text-align:center;}
.product-list li p{padding:10px 0;font-size:14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

}

/*  product-list  */

button{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}



.content{ padding-bottom:20px;}
.pagination{ clear:both; text-align:center; padding-top:20px; line-height:28px;}
.pagination li{
	display:inline-block;
	border: 1px solid #dddddd;
	padding-left:12px;
	padding-right:10px;
	margin: 0px; overflow:hidden; margin-left:5px; margin-right:5px;
}

.pagination li+li{
	border-left-style: none;
}
.pagination,.pagination a{ color:#999999}
.pagination li:first-child+li{border: 1px solid #dddddd;border-radius:3px 0 0 3px;}
.pagination li:last-child,.pagination li:first-child{border: 1px solid #dddddd;border-radius:3px;}
.pagination li:nth-last-child(2){border-radius:0 3px 3px 0;}
.pagination li.disabled{}
.pagination li.active{ background-color:#ec6c00; color:#FFFFFF;border: 1px solid #ec6c00;}




.content *,.about-box-list-r *{ max-width:100%;}

@media screen and (max-width :816px){

.pagination li+li{
		border: 1px solid #dddddd; margin-left:5px;border-radius:0px;
}

}



.jobjindu{
	background-color:rgba(0,0,0,0.5);
	position:fixed;
	z-index: 3333;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;display:none;
}
.jobjindu:after{
	content:'简历上传中...';
	position:fixed;
	left: 50%;
	top: 50%;
	text-align:center;
	color:#FFFFFF;
	border: 1px solid rgba(255,255,255,0.3); width:200px; background-color:rgba(0,0,0,0.2); line-height:28px; margin-left:-100px;border-radius:10px; 
}
.com_jobs_inf a{ float:left; width:100%;}
@media screen and (min-width :816px){
.pagination li{
 margin-left:5px; margin-right:5px;border-radius:3px;
}
.pagination li+li{
	border: 1px solid #dddddd;border-radius:3px;
}
.pagination li.active{border-radius:3px; overflow:hidden;}
.pagination li:first-child+li{border-radius:3px; }
.pagination li:last-child,.pagination li:first-child{border-radius:3px; }
.pagination li:nth-last-child(2){border-radius:3px; }

}

/*灰色代码
html {
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%);
} */