@charset "utf-8";
*{margin: 0px;padding: 0px;font-family:"微软雅黑";}
body{min-width:1200px;font-size: 12px;overflow-x:hidden;}
table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5{margin:0px;padding:0px;}
h1{color:#232323;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,p,span{font-size:14px;}

ul{list-style:none;}
.cursor{cursor:pointer;}
.clear{font-size:0;line-height:0;height:0;clear:both;visibility:hidden;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.l{float:left;}
.r{float:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
img {border:0;}
a{text-decoration:none;color:#686868;}
.gy{width:1200px;margin:0 auto;overflow:hidden;}
a:hover{text-decoration:none;}

.top-blank{height:125px;overflow:hidden;background:none;}
.top-head{height:132px;position:fixed;top:0;width:100%;z-index:1000;background:none;}


.top01{width:100%;height:30px;line-height:30px;background:#e5e5e5;color:#5d5d5d;overflow:hidden;}
.top01_center{text-align:left; float:right;}
.top01_center img{float:left;margin-top:3px;}
.top02{height:95px;width:100%;}
.top02_center{ width:98%; max-width:1400px; margin:0px auto;}
.logo{width:265px;float:left;padding-top:25px;}
.nav{width:790px;float:right;}
.nav ul{width:790px;}
.nav li{width:100px;margin:0 5px 0 6px;float:left;text-align:center;/* position:relative;*/}
.nav a{width:100px;height:42px;padding-top:50px;display:block;font-size:1.30em;/*overflow:hidden;*/}
.nav li a:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: -3px;height: 3px;opacity: 0;background-color: #dc6103;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav a:hover{color:#f3782a;}
.nav li a:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s; }

.nav a#sel{border-bottom:3px solid #f3782a;color:#f3782a;}
.nav a#sel:hover:after{opacity: 0;}

.nav .sub{display:none;width:100%;padding:0;position:fixed;top:125px;overflow:hidden;text-align:left;z-index:110;left:0px;background-color:#f5f5f5;}
.nav .sub .nav_xiao{width:1200px;overflow:hidden;padding-top:5px;margin:0 auto;padding-bottom:50px;}
.nav .sub .nav_xiao .xiao_one{width:760px;float:right;overflow:hidden;}
.nav .sub .nav_xiao .xiao_one a{float:left;display:inline;height:28px;line-height:28px;width:108px;margin-right:12px;overflow:hidden;border-bottom:1px solid #d3d2d2;color:#313030;background:url(../images/201603/nav_dian.jpg) left center no-repeat;padding:0;padding-left:15px;margin-top:13px;font-size:12px;font-family:"宋体";}
.nav .sub .nav_xiao .xiao_one a:hover{color:#f3782a;}
.nav .sub .nav_xiao .xiao_two{margin-top:28px;width:760px;float:right;}
.nav .sub .nav_xiao .xiao_two img{float:left;margin-right:25px;}
.nav .sub .nav_xiao .xiao_two .nav_div{float:left;width:380px;padding-top:30px;font-size:12px;color:#666666;line-height:22px;}
.nav .sub .nav_xiao .xiao_two .nav_div h2{font-size:16px;color:#f3782a;font-weight:normal;letter-spacing:1px;line-height:36px;}

.nav .sub .nav_xiao .xiao_three{width:760px;float:right;overflow:hidden;}
.nav .sub .nav_xiao .xiao_three ul{width:790px;}
.nav .sub .nav_xiao .xiao_three ul li{float:left;display:inline;width:172px;height:190px;overflow:hidden;margin-right:19px;text-align:center;position:inherit;line-height:46px;margin-left:0px;}
.nav .sub .nav_xiao .xiao_three ul li img{width:100%;height:138px;display:block;}
.nav .sub .nav_xiao .xiao_three ul li a{color:#686868;width:100%;font-size:14px;height:100%;padding-top:17px;}
.nav .sub .nav_xiao .xiao_three ul li a:hover{color:#f3782a;}
.nav .sub .nav_xiao .xiao_three ul li:hover img{opacity: 0.8;filter: alpha(opacity=80);}
.nav .sub .nav_xiao .xiao_three ul.nav_wechat li{width:195px;}
.nav .sub .nav_xiao .xiao_three ul.nav_wechat li img{width:195px;height:138px;}

.nav .sub .nav_xiao .xiao_four{width:512px;overflow:hidden;margin-right:25px;margin-left:55px;}
.nav .sub .nav_xiao .xiao_four h2{font-size:18px;font-weight:normal;color:#333333;height:50px;line-height:50px;border-bottom:1px solid #b3b3b3;letter-spacing:3px;margin-top:10px;}
.nav .sub .nav_xiao .xiao_four .ul{width:590px;}
.nav .sub .nav_xiao .xiao_four .ul li{height:42px;line-height:42px;margin-right:80px;padding-right:10px;width:205px;overflow:hidden;float:left;display:inline;background:url(../images/nav_dian2.png) right center no-repeat;margin-left:0px;position:inherit;}
.nav .sub .nav_xiao .xiao_four .ul li a{padding:0;width:205px;text-align:left;}

.nav .sub .nav_xiao .xiao_five{width:680px;overflow:hidden;float:left;margin-top:15px;margin-left:50px;}
.nav .sub .nav_xiao .xiao_five img{width:280px;height:212px;}
.nav .sub .nav_xiao .xiao_five a{width:280px;height:212px;padding:0;margin-right:45px;float:left;}
.nav .sub .nav_xiao .xiao_five2{float: right;margin-right: 20px;text-align: left;width: 445px;margin-top:15px;}
.nav .sub .nav_xiao .xiao_five2 p{border-bottom: 1px solid #D9D9D9;box-shadow: none;font-size: 14px;padding: 10px 0;}
.nav .sub .nav_xiao .xiao_five2 p a{text-align: left;width: 200px;display: inline-block;padding-top:0;height:auto;padding: 5px 0;font-size:14px;}

.nav .sub .nav_xiao .xiao_six_l{float:left;width:140px;margin-left:70px;overflow:hidden;margin-top:35px;}
.nav .sub .nav_xiao .xiao_six_l a{display:block;height:46px;line-height:46px;font-size:16px;color:#333333;padding-left:20px;background:url(../images/yuming_pic9.png) left center no-repeat;padding-top:0;}
.nav .sub .nav_xiao .xiao_six_l a.osel{background:url(../images/yuming_pic9_on.png) left center no-repeat;color:#f3782a;}
.nav .sub .nav_xiao .xiao_six_r{float:left;width:990px;overflow:hidden;text-align:center;}
.nav .sub .nav_xiao .xiao_six_r img{display:block;margin:0 auto;margin-bottom:32px;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;}
.nav .sub .nav_xiao .xiao_six_r a{float:left;width:140px;height:auto;border-left:1px solid #e2e3e3;padding-top:0;margin-top:50px;}
.nav .sub .nav_xiao .xiao_six_r a:hover img{margin-top:-4px;margin-bottom:36px;}


/*下拉菜单*/
.btn-list-group {
 cursor: pointer;float: left;
}
.btn-list-group a{color:#454545; font-size:14px; display:block;  height:30px; background:url(../images/jt.png) no-repeat center right;

	}
	
	
.btn-list-group a:hover{
background:url(../images/jt2.png) no-repeat center right;
color:#a50101;
	}
.btn-list-area {
    display: none;
    position: absolute;
    background: #fff;
    border-radius: 5px;
    width: 100px;
    z-index: 9999;
	margin-left:-25px;
}
.btn-list-area img{ width:150px;}

.btn-list-group:hover .btn-list-area {
    display: block
}

.menuBtn {
    display: inline-block;
    padding: 5px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(108, 117, 125, 1);
    text-align: center;
    line-height: 1.5;
    cursor: pointer;
}

.subMenu {
    width: 100px;
}

.in_ab1_bj{ width:100%; margin:0px auto; background:url(../images/ipart01_1.jpg) no-repeat center top;}
.in_ab1_h2{ color:#fff; font-size:32px; text-align:center; line-height:40px; font-weight:600; padding-top:70px;}
.in_ab1_h2 span{ display:block; font-size:16px; font-weight:500; line-height:60px;}

.in_ab{display: -webkit-flex; display: flex; width:98%; max-width:1400px; margin:40px auto 0px auto; height:200px;}
.in_ab_n{ width:33.33%; transition: width 0.5s; }
.in_ab_n:hover{ width:39%;}
.in_ab_n h2{ color:#900; font-size:22px; line-height:40px; width:90%; margin:28px auto 0px auto; font-weight:normal; text-align:right;}
.in_ab_n h2 span{ display:block; font-size:16px; text-transform:Uppercase; line-height:26px; color:#5a5653;}
.in_ab_n:nth-child(1){ background:url(../images/ab001.jpg) no-repeat left top; margin-right:5px;}
.in_ab_n:nth-child(2){ background:url(../images/ab002.jpg) no-repeat left top; margin-right:5px;}
.in_ab_n:nth-child(3){ background:url(../images/ab003.jpg) no-repeat left top;}

.in_about{ width:98%; max-width:1400px; margin:90px auto 0px auto; background:url(../images/inabbj.png) no-repeat center bottom; display: -webkit-flex; display: flex; padding-bottom:100px;}
.in_about_l{ background:url(../images/in_abl.png) no-repeat bottom left; padding-bottom:15px; margin-left:-15px; padding-right:20px; }
.in_about_l img{ margin-left:15px;}
.in_about_l span{}
.in_about_l span img{ position: relative;  margin-top:-560px; z-index:999; margin-left:370px;}
.in_about_r{ margin-left:40px; }
.in_about_r h3{ font-size:18px; font-weight:normal; }
.in_about_r h3 a{color:#d10313;}
.in_about_r h2{ font-size:34px; line-height:70px; font-weight:600;}
.in_about_r h2 a{ color:#444}
.in_about_r p{ font-size:16px; line-height:30px; margin-top:20px;}
.in_about_r ul{ padding-top:20px; background:url(../images/in_abr.png) no-repeat bottom right; display: -webkit-flex; display: flex; flex-wrap:wrap; padding-bottom:20px;}
.in_about_r ul li{ width:45%; font-size:18px; margin-top:50px; line-height:35px;}
.in_about_r ul li a{ width:88%; display:block;}
.in_about_r ul li a span{ display:inline-block; font-size:70px; float:left; width:100px; line-height:70px; color:#ff8000;}

.in_prod_bj{ width:100%; background:url(../images/in_cpbj.jpg) repeat-x;}
.in_prod_bjr{ width:98%; background:url(../images/in_prbj2.jpg) no-repeat top right; max-width:1920px; margin:0px auto; }
.in_prod_tit{ width:100%; max-width:1400px; margin:0px auto;}
.in_prod_tit h2{ padding-top:20px; line-height:100px;}
.in_prod_tit h2 a{ font-size:32px; color:#fff; width:40%; display:block; }
.in_prod_tit h2 a span{ font-size:16px; line-height:30px; font-weight:normal;display:block;}


.ato-content {
    width:100%;
    margin: 0 auto;
    padding-top: 50px;
	max-width:1400px;
}

.ato-list ul {
    height:  auto;
}

.ato-list ul li {
 float: left; width:480px;}
.ato-list ul li a{ display:block; width:82%;background-color:#fff; box-shadow: 1px 0px 8px rgba(0,0,0,0.22); padding:10px 10px 0px 10px;}
.ato-list ul li a:hover{ }

.ato-list ul li div {  width:100% 
 	
}



.ato-list ul li div img {
	width:100%;
    
    border: none;
    display: block;
}

.ato-list ul li h3 {
    font-size: 20px;
    color: #244e6f;
    font-weight: normal;
    margin-bottom: 5px;
	line-height:60px;
	text-align:center;
}



.ato-list-fl {
    float: left;
}

.ato-title {
    width: 266px;
    margin-top: 130px;
    padding-right: 20px;
}

.ato-title h2 {
    font-size: 24px;
    line-height: 33px;
    color: #333;
    padding: 0;
    margin: 0;
    font-weight: inherit;
}

.ato-title p {
    margin-top: 10px;
    font-size: 14px;
    color: #666;
    line-height: 26px;
}

.ato-list-fl a {
    width: 110px;
    height: 50px;
    position: relative;
    margin-top: 50px;
    float: left;
    display: block;
   
    overflow: hidden;
}

.ato-list-fl a img {
    width: 22px;
    height: 22px;
    display: block;
    border: none;
    margin: 0 auto;
    margin-top: 12px;
}

.ato-list {
}

.ato-list ul li:hover {
    top: -5px;
    box-shadow: 0 10px 12px rgba(0,0,0,0.12);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}

.ato-list-fl .prev{ background: #ffbe22;  color:#fff; }
.ato-list-fl .prev span{ display:block; text-align:center; line-height:50px;font-size:34px;   transition: all 0.8s;}
.ato-list-fl .prev:hover{ background-color:#ffc845; text-align:left;}
.ato-list-fl .prev span:hover{ margin-left:-35px;}
.ato-list-fl .next{ background: #b60000; color:#fff;}
.ato-list-fl .next span{ display:block; text-align:center; line-height:50px;font-size:34px;   transition: all 0.8s;}
.ato-list-fl .next:hover{ background-color:#960404;}
.ato-list-fl .next span:hover{ margin-left:35px;}

.in_news_bj{ background:url(../images/in_xwbj.jpg) ; padding-top:90px; padding-bottom:80px;}
.in_news_h2{ text-align:center;}
.in_news_h2 a { font-size:34px; font-weight:600; color:#444; line-height:60px;}
.in_news_h2 span{ display:block; line-height:40px; font-size:16px; color:#454545;}

.in_news_con{ width:98%; max-width:1400px; margin:40px auto 0px auto; display: -webkit-flex; display: flex;}
.in_news_con img { max-width:100%;}

.in_news_l{ width:29%;}
.in_news_l img{ width:100%; }
.in_news_l p{ margin-top:-300px; position: relative; z-index:999; height:90px; padding-top:210px; color:#fff; font-size:20px;  display:block; background: linear-gradient(transparent,rgba(6,54,133, 0.98)); line-height:40px;}
.in_news_l p font{ display:block; width:90%; margin:0px auto;}
.in_news_l p span{ display:block; line-height:30px; font-size:16px; color:#94a8c6;}

.in_news_n{ width:27%; margin:0px 50px; background-color:#e9e9e9; display: -webkit-flex; /* Safari */  display: flex; flex-direction:column;justify-content:space-between; padding-bottom:15px;}
.in_news_n a{ width:90%; margin:0px auto;}
.in_news_n a span{ display:block; line-height:20px; padding-top:30px; font-size:14px; color:#878787;}
.in_news_n a h3{ font-size:20px; font-weight:normal; line-height:40px; color:#1e1e1e;}
.in_news_n a p{ font-size:16px; line-height:30px; line-height:26px; padding-top:15px;}
.in_news_n a p font{ display:block; padding-top:10px; color:#970000;}
.in_news_n a img{ width:100%;}

.in_news_r ul { display: -webkit-flex; /* Safari */  display: flex; flex-direction:column; justify-content:space-between; height:100%;}
.in_news_r li{ background-color:#e9e9e9; height:29%; }
.in_news_r li a{display: -webkit-flex; /* Safari */  display: flex; flex-direction:row; width:96%; margin:20px auto 0px auto;}
.in_news_r li p:nth-child(1){ width:120px; border-right:1px solid #b9b9b9; line-height:60px; font-size:42px; text-align:center; padding-top:6px; color:#a00000;}
.in_news_r li p:nth-child(2){ line-height:18px; padding:0px 10px 0px 20px; line-height:24px; font-size:16px; color:#7b7b7b;}
.in_news_r li p span{display:block; font-size:16px; line-height:22px;}
.in_news_r li p strong{ font-size:22px; font-weight:normal; display:block; line-height:46px; color:#333;}


.in_shili{width:100%; max-width:1400px; margin:60px auto 0px auto;}
.in_shili_h2{ text-align:center;}
.in_shili_h2 a { font-size:34px; font-weight:600; color:#444; line-height:60px;}
.in_shili_h2 span{ display:block; line-height:26px; font-size:16px; color:#454545; width:60%; margin:10px auto 0px auto;}


.digital{width: 100%;height: 150px; padding-bottom:90px;}
.main{width:100%; max-width:1400px; height: 150px;margin:70px auto 0px auto;font-size: 0;}
.mumping_mun{width:100%; max-width:1400px;list-style: none;}
.mumping_mun li{width:25%; text-align:center; margin:0px;  float:left;}
.mumping_mun p{font-size:18px;width: 100%;display: block;clear: both; line-height:40px;}
.mumping_mun h2{font-size:20px; font-weight:normal;}
.mumping_mun h2 span{font-size:40px;font-weight:600; width:100%; padding-right:10px; color:#00479d;}


.in_service_bj{ background:url(../images/fuwubj.jpg) no-repeat center top;}

.in_service_h2{ text-align:right; width:98%; padding-top:50px;  max-width:1400px; margin:0px auto;}
.in_service_h2 a { font-size:34px; font-weight:600; color:#444; line-height:60px;}
.in_service_h2 span{ display:block; line-height:26px; font-size:16px; color:#454545; width:60%; margin:10px auto 0px auto; text-align:right; width:100%;}

.in_service{ width:98%; max-width:1400px; margin:40px auto 0px auto; padding-bottom:68px;}
.in_service ul{  display: -webkit-flex; /* Safari */  display: flex; width:100%; justify-content:flex-end;}
.in_service ul li:nth-child(1){ width:523px; margin-right:30px; background: url(../images/sea.jpg) no-repeat center top; height:277px;  color:#fff;}
.in_service ul li:nth-child(2){ width:178px;  background: url(../images/seb.jpg) no-repeat center top; height:277px; color:#fff;}
.in_service ul li a{ color:#fff;}
.in_service ul li h2{ font-size:26px; text-align:center; font-weight:normal; line-height:60px; padding-top:30px;}
.in_service ul li p{  width:88%; margin:0px auto; line-height:30px; font-size:16px; padding-top:10px;}
.in_service ul li p span{ display:block; padding-top:15px; font-size:16px;}
.in_service ul li:nth-child(2) p{ text-align:center;}

.in_foot_bj{ background:url(../images/babj.jpg) no-repeat center top; width:100%; color:#fff;}
.in_footnav{ width:98%; max-width:1400px; margin:0px auto; line-height:30px; font-size:16px; padding-top:40px;}
.in_footnav a{ color:#fff;}

.in_foot{width:98%; max-width:1400px; margin:0px auto;  display: -webkit-flex; /* Safari */  display: flex; justify-content:space-between; padding-top:60px; padding-bottom:40px;}
.in_f_contact h2{ font-size:18px; font-weight:normal;}
.in_f_contact p{ font-size:16px; line-height:30px;}
.in_f_contact p span{ display:block; font-size:30px; font-family:Impact; line-height:80px;}
.in_f_ewm{ display: -webkit-flex; /* Safari */  display: flex; text-align:center; line-height:50px; }
.in_f_ewm img{ display:block;}
.in_f_ewm p{font-size:16px;}

.in_footer{ background:#6e0609; padding:25px 0px; display:block; color:#fff;}
.in_footer p{ line-height:30px; width:98%; max-width:1400px; margin:0px auto; font-size:16px;}
.in_footer p a{ float:right; color:#fff;}
.in_footer1{ background:#6e0609; padding:25px 0px; display:block; color:#fff;}
.in_footer1 p{ line-height:30px; width:100%; max-width:1400px; margin:0px auto; font-size:16px;}
.in_footer1 p a{ float:right; color:#fff;}


.ab_banner{ width:100%; margin:130px auto 0px auto; max-width:1920px; height:400px;}
.ab_banner p{ width:98%; margin:0px auto; max-width:1400px; padding-top:100px;  font-size:16px; line-height:50px;}
.ab_banner p strong{ font-size:36px; font-weight:normal; display:block; color: #ffffff;}

.f_side{ width:100%; border-bottom:1px solid #f0f0f0; line-height:60px;}
#side{width:98%;  max-width:1400px; margin:0px auto; }
#side ul{ width:100%; display: -webkit-flex; /* Safari */  display: flex; justify-content: flex-start;}
#side li{ font-size:15px; padding-right:50px; }
#side li a{ font-size: 16px; }
#side li a:hover{ border-bottom:2px solid #C00; line-height:60px; display:block;}
.navon1{   }
.navon1 a{display:block; border-bottom:2px solid #C00; color:#C00;}

.f_about{ background:url(../images/bg_ab.jpg); padding-bottom:80px;}
.f_about_n{width:98%; max-width:1400px; margin:0px auto; padding-top:60px;}
.f_about_n h3{ font-size:30px; line-height:50px; font-weight:normal;}
.f_about_n h4{ font-size:20px; line-height:48px; font-weight:normal; color:#999;}
.f_about_n hr{ width:100px; height:2px; background:#F00; border:0px;}
.f_about_n p{ font-size:16px; line-height:28px; color:#454545; margin-top:25px;}

.f_prodlist{ width:98%; max-width:1400px; margin:0px auto; padding-top:30px; padding-bottom:100px; display: -webkit-flex; /* Safari */  display: flex; flex-wrap:wrap;}
.f_prod{ width:33.3%; margin-top:60px; }
.f_prod a{  width:88%; background-color:#f1f1f1; display:block; margin:0px auto;}
.f_prod a:hover{ background-color:#f5f5f5; box-shadow: 1px 0px 8px rgba(0,0,0,0.22);}
.f_prod_img{width:100%; overflow:hidden; height:270px; }

.f_prod_img img{ width:100%;  -webkit-transition: width 1s, height 1s, -webkit-transform 1s; 
    transition: width 1s, height 1s, transform 1s;}
.f_prod_img img:hover{width:106%;  }
.f_prod_p{ line-height:30px; font-size:18px; padding:15px 0px 15px 20px; }

.f_prod_p span{ display: block; font-size:14px;}

.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
	padding-bottom:100px;
}

.page-num, .page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #2d2d2d;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.page-num:not(:disabled) {
    cursor: pointer;
}
.page-num-current {
    z-index: 1;
    color: #fff;
    background-color: #727373;
    border-color: #727373;
}


.f_prodxq{width:98%; max-width:1400px; margin:80px auto 0px auto;  -webkit-flex; /* Safari */  display: flex; justify-content: space-between; }
.f_prodxq_l{ width:55%;}
.f_prodxq_l img{ width:100%}

.f_prodxq_l2{ line-height:30px;  width:40%;}
.f_prodxq_l2 h2{ font-size:30px; font-weight:normal; border-bottom:1px solid #c1c1c1; padding-bottom:20px; color:#ad0b03;}
.f_prodxq_l2 h3{ font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#999; font-weight:normal; line-height:40px;}
.f_prodxq_l2p1{ padding-top:20px; font-size:16px; line-height:30px; color:#545454;}
.f_prodxq_l2p{font-family:Impact, Arial, Helvetica, sans-serif; font-size:32px; padding-top:30px; line-height:45px; color:#676767;}
.f_prodxq_l2p span{ color:#ffb101; font-size:18px;  }

.f_prodxq2{width:98%; max-width:1400px; margin:80px auto 0px auto; line-height:30px; font-size:16px;}
.f_prodxq2 h2{ background-color:#f1f1f1; line-height:60px; font-size:24px; font-weight:normal;}
.f_prodxq2 h2 span{ display:inline-block; width:60px; text-align:center; font-size:26px; color:#ffc000;}
.f_prodxq2_n{ padding-top:30px; font-size:16px; line-height:30px; padding-bottom:100px;}

.text-secondary{  width:98%; max-width:1400px; margin:80px auto 0px auto; line-height:30px; padding-bottom:50px; border-top:1px solid #f1f1f1; padding-top:10px;}
.text-secondary p{ font-size:16px;}

.f_newslist{width:98%; max-width:1400px; margin:80px auto 0px auto; padding-bottom:100px;}


.f_newslist li{ width:100%; box-shadow: 0 0px 5px #d4d4d4; margin-bottom:55px; border-radius:8px; }
.f_newslist li a{width:100%; display:block; -webkit-flex; /* Safari */  display: flex;}
.f_newslist li a:hover{ box-shadow: 0 0px 15px #d4d4d4;}
.f_newslist li img{ width:300px; max-height:195px; border-radius:8px 0px 0px 8px;}
.newslist_p2 { padding-right:20px;}
.newslist_p2 font{ font-size:15px; font-size:#999999; line-height:24px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}

.newslist_p2 strong{ display:block; line-height:46px; font-size:22px; font-weight:normal; padding-top:10px; color:#222; padding-bottom:5px;}
.newslist_p2 strong span{ display:block; line-height:18px; color:#999; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
.newslist_p2 b{ display:block; color:#F90; padding-top:15px; font-weight:normal;}

.f_newslist li p:nth-child(1){ margin-right:25px; width:300px;}

.f_news{width:98%; max-width:1400px; margin:60px auto 0px auto; padding-bottom:100px;}
.f_news h2{ font-size:30px; line-height:60px; text-align:center; font-weight:normal;}
.f_news h3{ font-size:16px; color:#999; border-bottom:1px solid #f1f1f1; line-height:46px;font-weight:normal; text-align:center}
.f_news_con{ font-size:16px; line-height:26px; padding-top:40px;}

.container{width:98%; max-width:1400px; margin:10px auto 0px auto; padding-bottom:60px;}
.thumbnails{ -webkit-flex; /* Safari */  display: flex; flex-wrap:wrap; justify-content: flex-start; }
.span3{ width:33%; margin-top:50px;  text-align:center; }
.span3 img{   width:88%; min-height:300px;}

.fs_gallery {
    background: rgba(0,0,0, 0.9);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
}
.fs_gallery_close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 25px;
    height: 25px;
    color: #ccc;
    font-size: 34px;
    line-height: 23px;
    text-align: center;
    cursor: pointer;
    z-index: 102;
}
.fs_gallery_close:before {
    content: "×";
}
.fs_gallery_close:hover {
    color: #fff;
}

.fs_gallery_prev, .fs_gallery_next {
    position: absolute;
    width: 80px;
    color: #ccc;
    font-size: 30px;
    cursor: pointer;
    z-index: 101;
}
.fs_gallery_prev:hover, .fs_gallery_next:hover {
    background: rgba(0,0,0, 0.1);
    color: #fff;
}
.fs_gallery_prev {
    left: 0;
    top: 0;
    bottom: 0;
}
.fs_gallery_next {
    right: 0;
    top: 0;
    bottom: 0;
}
.fs_gallery_prev:before {
    content: "‹";
    position: absolute;
    height: 30px;
    margin-top: -30px;
    top: 50%;
    left: 35px;
}
.fs_gallery_next:before {
    content: "›";
    position: absolute;
    height: 30px;
    margin-top: -30px;
    top: 50%;
    left: 35px;
}

.fs_gallery_shuft {
    position: relative;
    width: 9999999px;
}
.fs_gallery_shuft:after {
    clear: both;
    content: "";
    display: block;
}
.fs_gallery_shuft_item {
    float: left;
    position: relative;
    
    background-position: center center;
    background-repeat: no-repeat;
}
.fs_gallery_shuft_item img {
    box-shadow: 0 0 8px rgba(0,0,0, 0.8);
    position: absolute;
    top: 50%;
    left: 50%;
}



/*发展历程*/

#timeline {
  list-style: none;
  margin: 50px 0 30px 120px;
  padding-left: 30px;
  border-left: 8px solid #eee9dc;
}
#timeline li {
  margin: 40px 0;
  position: relative;
}
#timeline p {
  margin: 0 0 15px;
}

.date {
  margin-top: -10px;
  top: 50%;
  left: -158px;
  font-size: 0.95em;
  line-height: 20px;
  position: absolute;
  font-size:18px;
}

.circle {
  margin-top: -10px;
  top: 50%;
  left: -44px;
  width: 10px;
  height: 10px;
  background: #48b379;
  border: 5px solid #eee9dc;
  border-radius: 50%;
  display: block;
  position: absolute;
}

.content {
  height: 40px;
  padding: 50px 20px 0;
  border:1px solid #f1f1f1;
  border-width: 2px;
  border-style: solid;
  border-radius: 0.5em;
  position: relative;
  background-color: #fefefe;
  display:block;
}
.content:before, .content:after {
  content: "";
  width: 0;
  height: 0;
  border: solid transparent;
  position: absolute;
  pointer-events: none;
  right: 100%;
}
.content:before {
  border-right-color: inherit;
  border-width: 20px;
  top: 50%;
  margin-top: -20px;
}
.content:after {
  border-right-color: #f5f5f5;
  border-width: 17px;
  top: 50%;
  margin-top: -17px;
}
.content p {
  max-height: 0;
  color: transparent;
  text-align: justify;
  word-break: break-word;
  hyphens: auto;
  overflow: hidden;
  display:none
}

label {
  font-size: 1.12em;
  position: absolute;
  z-index: 100;
  cursor: pointer;
  top:15px;
  transition: transform 0.2s linear;
  transform: translateX(22px);
  line-height:32px;
  width:95%;
}

.radio {
  display: none;
}

.radio:checked + .relative label {
  cursor: auto;
  transform: translateX(42px);
}
.radio:checked + .relative .circle {
  background: #f98262;
}
.radio:checked ~ .content {
  max-height: 180px;
  border:1px solid #eee9dc;
  margin-right: 20px;
  transform: translateX(20px);
  transition: max-height 0.4s linear, border-color 0.5s linear, transform 0.2s linear;
  background-color: #f7f5f5;
}
.radio:checked ~ .content p {
  max-height: 200px;
  color: #eee9dc;
  transition: color 0.3s linear 0.3s;
}


@media screen and (max-width: 767px) {
  #timeline {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
  }
  #timeline li {
    margin: 50px 0;
  }

  label {
    width: 85%;
    font-size: 1.1em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    transform: translateX(18px);
  }

  .content {
    padding-top: 45px;
    border-color: #eee9dc;
  }
  .content:before, .content:after {
    border: solid transparent;
    bottom: 100%;
  }
  .content:before {
    border-bottom-color: inherit;
    border-width: 17px;
    top: -16px;
    left: 50px;
    margin-left: -17px;
  }
  .content:after {
    border-bottom-color: #48b379;
    border-width: 20px;
    top: -20px;
    left: 50px;
    margin-left: -20px;
  }
  .content p {
    font-size: 0.9em;
    line-height: 1.4;
  }

  .circle, .date {
    display: none;
  }
  
  
  
}

/*联系我们 地图样式*/

.container{ width:98%; max-width:1400px; margin:0px auto;}
.about_callus{padding-bottom:20px;}
.about_callus .part1 .wrap{position:relative;margin-bottom:42px;}
.about_callus .part1 .map_box{width:100%;height:500px;overflow:hidden;background:#f0f0f0;}
.about_callus .part1 .part1_main{width:36%; background-color: rgba(0,71,157,0.9);color:#fff;position:absolute;top:10%;right:10%;}
.about_callus .part1 .part1_main dl{padding:10% 6%;}
.about_callus .part1 .part1_main dt{font-size:24px;margin-bottom:26px;}
.about_callus .part1 .part1_main dd{margin-bottom:20px;line-height:30px;}
.about_callus .part1 .part1_main dd a{color:#fff;}
.about_callus .part1 .part1_main dd .map_ico{width:30px;height:30px;background:url(../img/about_callus_part1_ico.png) no-repeat;margin-right:10px;}
.about_callus .part1 .part1_main dd.dd1 .map_ico{background-position:0px 0px;}
.about_callus .part1 .part1_main dd.dd2 .map_ico{background-position:-30px 0px;}
.about_callus .part1 .part1_main dd.dd3 .map_ico{background-position:-60px 0px;cursor:default;}
.about_callus .part1 .part1_main dd.dd4 .map_ico{background-position:-90px 0px;}
.pb-100 {padding-bottom: 50px;}


.justify-content-center{ display: -webkit-flex; /* Safari */
  display: flex; align-items:stretch;}
.col-lg-8{ width:67%;}
.col-lg-4{ width:30%; margin-left:3%;}

.row{display: -webkit-flex; /* Safari */
  display: flex; flex-wrap: wrap;}
.contact-form form .form-group {
    margin-bottom: 20px;
}



.contact-form form .form-group .form-control::-webkit-input-placeholder{color:#576671;-webkit-transition:.6s;transition:.6s}.contact-form form .form-group .form-control:-ms-input-placeholder{color:#576671;-webkit-transition:.6s;transition:.6s}
.contact-form form .form-group .form-control::-ms-input-placeholder{color:#576671;-webkit-transition:.6s;transition:.6s}.contact-form form .form-group .form-control::placeholder{color:#576671;-webkit-transition:.6s;transition:.6s}
.contact-form form .form-group .form-control:focus{-webkit-box-shadow:none;box-shadow:none;background-color:transparent;border:1px solid #fc5a1b}.contact-form form .form-group .form-control:focus::-webkit-input-placeholder{color:transparent}
.contact-form form .form-group .form-control:focus:-ms-input-placeholder{color:transparent}.contact-form form .form-group .form-control:focus::-ms-input-placeholder{color:transparent}
.contact-form form .form-group .form-control:focus::placeholder{color:transparent}
.contact-form form .form-group textarea.form-control{height:auto;padding:15px;line-height:1.5rem}
.contact-form form .form-group .help-block.with-errors ul{color:red;margin-bottom:0;margin-top:10px;text-align:left}
.contact-form form .form-group .help-block.with-errors ul li{font-size:14px}
.contact-form #msgSubmit{margin:0;font-size:1.3rem}
.contact-form #msgSubmit.text-danger,.contact-form #msgSubmit.text-success{margin-top:25px;font-size:18px;font-weight:500}



.kuan{ width:90%;}
.kuan2{ width:94%;}
.contact-form form .form-group textarea.form-control {
    height: auto;
    padding: 15px;
    line-height: 1.5rem;
}


.contact-form form .form-group .form-control {
    height: 30px;
    color: #a0a6ab;
    border: 1px solid #ebebeb;
    background-color: #fff;
    display: block;
    width: 100%;
    border-radius: 10px;
    padding: 10px;
    -webkit-transition: .6s;
    transition: .6s;
    font-size: 15px;
    font-weight: 400;
    outline: 0;
    font-family: poppins,sans-serif;
}

.contact-form form {
    background-color: #fff;
    -webkit-box-shadow: 0 0 1.25rem rgba(108,118,134,.1);
    box-shadow: 0 0 1.25rem rgba(108,118,134,.1);
    padding: 30px;
    border-radius: 5px; width:100%;
}

.contact-address {
    padding-left: 0;
    margin-bottom: 0;
    background-color: #172b3b;
    padding: 30px;
    border-radius: 10px;
    text-align: center;
    margin-left: 25px;
	margin-top: 0px;
}

ul {
    list-style: none;
}
.contact-address li {
    list-style-type: none;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #233645;
}
.contact-address li i {
    font-size: 50px;
    color: #fff;
    margin-bottom: 20px;
}
.contact-address li h4 {
    font-size: 22px;
    margin-bottom: 12px;
    color: #fff;
}
.contact-address li a {
    color: #fff;
    display: block;
}




.default-btn{border:none;position:relative;display:inline-block;text-align:center;overflow:hidden;z-index:1;color:#fff;background-color:#fc5a1b;-webkit-transition:.6s;transition:.6s;border-radius:5px;padding:15px 25px 15px 50px;font-weight:500;font-size:16px;margin-bottom:-5px}
.default-btn span{position:absolute;display:block;width:0;height:0;border-radius:50%;background-color:#172b3b;-webkit-transition:width .5s ease-in-out,height .5s ease-in-out;transition:width .5s ease-in-out,height .5s ease-in-out;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:-1;border-radius:5px}
.default-btn i{position:absolute;left:25px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:15px}
.default-btn:hover{color:#fff}.default-btn:hover span{width:225%;height:562.5px}.default-btn:focus{color:#fff}.view-all-btn{text-align:center;margin-top:45px}.view-all-btn .default-btn i{font-size:25px}.section-title{text-align:center;margin-bottom:38px}

@media only screen and (min-width:1301px) and (max-width:1500px){
 .in_prod_bjr{ background-size:60%;}   
    
}
@media only screen and (min-width:1200px) and (max-width:1300px){
  .in_about_r ul li{    width: 46%;
    font-size: 14px;
    margin-top: 50px;
    line-height: 26px;} 
.in_about_r ul li a span {
    display: inline-block;
    font-size: 50px;
    float: left;
    width: 55px;
    line-height: 55px;
    color: #ff8000;
}
.in_prod_bjr {
    width: 98%;
    background: url(../images/in_prbj2.jpg) no-repeat top right;
    max-width: 1920px;
    margin: 0px auto;
    background-size: 58%;
}
.in_news_l p{
   font-size: 14px;
   line-height: 30px;
}
.in_news_l p span {
    display: block;
    line-height: 20px;
    font-size: 14px;
    color: #94a8c6;
}
.in_news_n a h3 {font-size: 16px;line-height: 30px;
}
.in_news_n a p {
    font-size: 14px;
    line-height: 26px;
    padding-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.in_news_n a p font {
    display: none;}
.in_news_r li a{
    margin: 5px auto 0px auto;
}
.in_news_r li p:nth-child(1) {
    width: 100px;
    line-height: 50px;
    font-size: 32px;
    padding-top: 6px;
}
.in_news_r li p strong {
    font-size: 18px;
    line-height: 36px;
}
.in_news_r li p:nth-child(2) {
    font-size: 14px;
}
}

@media only screen and (min-width:1024px) and (max-width:1199px){
    .in_about_r p {
    margin-top: 10px;
}
.in_about_r ul li {
    width: 46%;
    font-size: 16px;
    margin-top: 26px;
    line-height: 30px;
}
.in_prod_bjr{
    background-size: 60%;
}
.in_news_l p{
   font-size: 14px;
   line-height: 30px;
}
.in_news_l p span {
    display: block;
    line-height: 20px;
    font-size: 14px;
    color: #94a8c6;
}
.in_news_n a h3 {font-size: 16px;line-height: 30px;
}
.in_news_n a p {
    font-size: 14px;
    line-height: 26px;
    padding-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.in_news_n a p font {
    display: none;}
.in_news_r li a{
    margin: 5px auto 0px auto;
}
.in_news_r li p:nth-child(1) {
    width: 100px;
    line-height: 50px;
    font-size: 32px;
    padding-top: 6px;
}
.in_news_r li p strong {
    font-size: 18px;
    line-height: 36px;
}
.in_news_r li p:nth-child(2) {
    font-size: 14px;
}

}
@media only screen and (min-width:991px) and (max-width:1023px){
.about_callus .part1 .part1_main{width: 50%;
    background-color: rgba(0,71,157,0.9);
    color: #fff;
    position: absolute;
    top: 10%;
    right: 10%;}
}

@media only screen and (min-width:0px) and (max-width:990px){
.about_callus .part1 .part1_main{width: 100%;
    background-color: rgba(0,71,157,1);
    color: #fff;
    position: relative;
    left: auto;
    right: auto;
    
    }
.about_callus .part1 .part1_main dl { padding: 5%;}
  
}

@media (min-width: 992px){
	.col-lg-8 { flex: 0 0 auto; width: 66.66666667%;}
	.col-lg-6 {flex: 0 0 auto; width: 50%;}
	.col-lg-12 { flex: 0 0 auto;  width: 100%;}
	.col-lg-4 {  flex: 0 0 auto;  width: 33.33333333%;}
}
@media (min-width: 768px){



}

/*表格样式*/

.table-fill {
  background: white;
  border-radius:3px;
  border-collapse: collapse;
  height: 320px;
  margin: auto;
  max-width: 90%;
  padding:5px;
  width: 100%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  animation: float 5s infinite;
  border: 1px solid #c5c5c5;
}
 
th {
  color:#fff;
  background:#860000;
  border-bottom:2px solid #9ea7af;
  border-right: 1px solid #343a45;
  font-size:23px;
  font-weight: 100;
  padding:24px;
  text-align:left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align:middle;
}

th:first-child {
  border-top-left-radius:3px;
}
 
th:last-child {
  border-top-right-radius:3px;
  border-right:none;
}
  
tr {
  border-top: 1px solid #C1C3D1;
  border-bottom-: 1px solid #C1C3D1;
  color:#666B85;
  font-size:16px;
  font-weight:normal;
  text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
}
 
tr:hover td {
  background:#dddddd;
  color:#666;
  border-top: 1px solid #22262e;
}
 
tr:first-child {
  border-top:none;
}

tr:last-child {
  border-bottom:none;
}
 
tr:nth-child(odd) td {
  background:#EBEBEB;
}
 
tr:nth-child(odd):hover td {
  background:#dddddd;
}

tr:last-child td:first-child {
  border-bottom-left-radius:3px;
}
 
tr:last-child td:last-child {
  border-bottom-right-radius:3px;
}
 
td {
  background:#FFFFFF;
  padding:10px;
  text-align:left;
  vertical-align:middle;
  font-weight:300;
  font-size:18px;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
  border-right: 1px solid #C1C3D1;
}

td:last-child {
  border-right: 0px;
}

th.text-left {
  text-align: left;
  padding:0px; line-height:60px;
  text-align: center;
  font-size: 20px;
}

th.text-center {
  text-align: center;
}

th.text-right {
  text-align: right;
}

td.text-left {
  text-align: left;
}

td.text-center {
  text-align: center;
}

td.text-right {
  text-align: right;
}