@charset "utf-8";
/* CSS Document */
body,html {margin:0; padding:0; font:12px/180% "微软雅黑","Helvetica Neue", Arial, Helvetica, sans-serif;}
*{ margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }
body{width:100%; background-color:#fff; position: relative; overflow-x: hidden;}
body a{outline:none; blr:expression(this.onFocus=this.blur());}
h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin: 0;padding: 0; list-style:none;}
li {list-style: none; vertical-align: bottom;}
img {border: none; display: block;}
em,i {font-style: normal;}
a{text-decoration:none; color: #666; }
.disable {display: none;}
.fl {float: left;}
.fr {float: right;}
.clearfix:after {content:""; height:0; display:block; clear:both; visibility:hidden;}
* html .clearfix {height:1%;}
* +html .clearfix {height:1%;}
.clearfix {display:block; clear:both;}
input,textarea{ resize:none; font-family:"微软雅黑"; outline:none;}
button{ font-family:"Arial"; outline: none;}
select{height:22px; line-height:18px; padding:2px 0; outline:none;}

.wrapper{ width: 1280px; margin: 0 auto;}
.news_top { padding-top:25px;}

/*头部*/
.header{ position: absolute; left: 0; top: 0; right: 0; background-color: rgba(255,255,255,0.5); z-index: 10; height: 94px;}
.header .logo{ float: left; margin-top: 14px;}
.nav{ float: right; height: 94px;}
.nav ul{ padding-top: 14px;}
.nav li{ float: left; margin-left: 10px; position: relative;}
.nav li > a{ display: block; padding: 0 20px; line-height: 80px; font-size: 18px; color: #000000; transition: all 0.2s; -webkit-transition: all 0.2s;}
.nav li div{ display: none; position: absolute; top: 100%; left: 50%; margin-left: -90px; width: 180px; border-top: 2px #e60013 solid; background-color: rgba(255,255,255,0.8); padding: 15px 0; }
.nav li div a{ display:block; text-align: center; font-size: 16px; color: #2d2d2d; line-height: 38px; transition: all 0.2s; -webkit-transition: all 0.2s;}
.nav li:hover > a,.nav li.on > a,.nav li div a:hover{ color: #e60013}
.header01{ position: inherit;}

/*banner*/
.banner{ height: 100%; overflow: hidden; position: relative;}
.banner .swiper-slide a{ position: relative; display: block; background-position: center top; background-repeat: no-repeat;}
.banner span{ display: block; position: absolute; left: 50%; margin-left: -640px; top: 50%; width: 1280px; text-align: center; color: #fff; letter-spacing: 2px;  -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0);	transform: translate3d(0, 100%, 0);}
.banner b{ display: block; font-size: 60px; color: #fff; font-weight: normal; line-height: 102px; text-shadow: 0 0 5px rgba(0,0,0,0.1);}
.banner b i{ display: block; padding-left: 390px; margin-top: 28px;}
.banner p{ font-size: 24px; line-height: 38px; text-shadow: 0 0 5px rgba(0,0,0,0.1);}
.banner div.swiper-slide-active span{ opacity: 1.0; -webkit-opacity: 1.0; -moz-opacity: 1.0; -webkit-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0);	transform: translate3d(0, -50%, 0); animation-delay: 1s;}
.swiper-button-prev,.swiper-button-next{ position: absolute; top: 50%; transform: translateY(-50%); background: none;}

/*关于我们*/
.main{ min-width: 1280px; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden;}
.main01{ background-image: url(../images/img_01.jpg);}
.main02{ background-image: url(../images/img_02.jpg);}
.main03{ background-image: url(../images/img_03.jpg);}
.main04{ background-image: url(../images/img_04.jpg);}
.main .title{ text-align: center; padding: 65px 0 70px}
.main .title h2{ display: block; font-size: 38px; color: #414141; font-weight: normal; line-height: 68px;}
.main .title i{ display: block; margin: 0 auto; width: 78px; border-bottom: 4px #ff0000 solid;}

.index_about{ height: 423px; background: #d6d6d6; overflow: hidden; margin-bottom: 116px;}
.video{ float: left; width: 656px; height: 423px;}
.video iframe{ width: 100%; height: 100%;}
.index_about .con{ overflow: hidden; padding: 57px 38px 0; font-size: 16px; color: #525252; line-height: 30px;}
.index_about .con p{ text-indent: 2em; letter-spacing: 2px;}
.more{ display: block; width: 99px; line-height: 25px; border-radius: 14px; text-align: center; border: 1px #e60013 solid; font-size: 14px; color: #e60013; margin-top: 40px;}
.more:hover{ color:#1f8fe7; border-color: #1f8fe7;}

/*产品案例*/
.main02 .title h2{ color: #fff;}
.main02 .title i{ border-color: #fff;}

.p_more{ padding: 60px 0 85px;}
.p_more a{ display: block; margin: 0 auto; width: 132px; line-height: 40px; text-align: center; font-size: 16px; color: #fff; background-color: #e60013; border-radius: 10px;}
.p_more a:hover{ background: #00a0e9; transition: 0.2s;}

.p_fengye { padding-top:20px;   color:#9f9f9f; font-size: 16px;}
.p_fengye a{   font-size: 16px; color: #333; color: #e60013;text-decoration: none; padding:0 2px;}
.p_fengye a:hover{ color:#1f8fe7;transition: 0.3s;}
 
.p_fengye input {   outline:none; width:55px; color: #9f9f9f; }
.p_fengye textarea{  outline:none; width:60px;  color: #e60013;}
.p_fengye button{   outline: none;  }
 





/*新闻资讯*/
.news_tab{ height: 44px; border: 1px #e0e0e0 solid; border-radius: 4px; background: #fff; margin-top: -28px; padding: 0 20px;}
.news_tab em{ float: left; font-size: 20px; color: #414141; line-height: 44px; cursor: pointer;}
.news_tab em.on{ color:#da212d;}
.news_tab i{ display:block; float: left; margin: 12px 17px 0; border-right: 1px #c9c9c9 solid; height: 21px;}
/*.news_tab a{ float: right; font-size: 14px; color: #6d6d6d; line-height: 44px;}*/
.news_tab a{ float: right; font-size: 20px; color: #414141; line-height: 44px;}
/*.news_tab a:hover,.news_tab em.on{ color: #da212d}*/
.news_tab a:hover,.news_tab em.on{ color: #da212d; font-size:20px;}
.news_tab a:hover,.news_tab em.on a{ color: #da212d; font-size:20px;}

.news_reviews{ height: 822px; margin-bottom: 125px; overflow: hidden;}

.news_hot{ background: #fff; padding: 26px 21px; overflow: hidden; box-shadow: 0 0 5px rgba(0,0,0,0.1); margin: 23px 0 36px;}
.news_banner{ float: left; width: 586px; height: 384px; position: relative;}
.news_banner a{ display:block; position: relative; overflow: hidden;}
.news_banner img{ width: 100%; height: 100%;}
.news_banner p{ position: absolute; left: 0; right: 0; bottom: 0; line-height: 35px; overflow: hidden; background-color: rgba(0,91,172,0.7); font-size: 14px; color: #fff; padding: 0 95px 0 5px; z-index: 0; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.news_banner .swiper-pagination01,.news_banner .swiper-pagination02,.news_banner .swiper-pagination03,.news_banner .swiper-pagination04{ position: absolute; left: inherit; right: 21px; bottom: 7px; z-index: 2;}
.news_banner .swiper-pagination01 span,.news_banner .swiper-pagination02 span,.news_banner .swiper-pagination03 span,.news_banner .swiper-pagination04 span{ opacity: 1.0; background: #fff; margin-left: 8px;}
.news_banner .swiper-pagination01 .swiper-pagination-bullet-active,.news_banner .swiper-pagination02 .swiper-pagination-bullet-active,.news_banner .swiper-pagination03 .swiper-pagination-bullet-active,.news_banner .swiper-pagination04 .swiper-pagination-bullet-active{ background: #e60013}

.news_list{ float: right; width: 617px;}
.news_list li:not(:last-child){ border-bottom: 1px #f2f2f2 solid;}
.news_list li{ padding: 22px 20px 30px;}
.news_list div{ position: relative; padding-right: 95px; font-size: 22px; color: #414141; font-weight: normal; line-height: 35px; overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.news_list div i{ position: absolute; right: 0; top: 0; font-size: 14px; color: #adadad;}
.news_list p{ font-size: 14px; color: #adadad; line-height: 18px; overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news_list a:hover div{ color: #da212d}
/*.news_list a:hover p{ color: #ea6133}*/
.news_list a:hover p{ color: #9f9f9f}

.news_img li{ float: left; width: 311px; height: 325px; background: #fff; border: 1px #e3e3e3 solid; margin-right: 9px; overflow: hidden;}
.news_img li:last-child{ margin-right: 0;}
.news_img a{ display: block; position: relative; height: 100%;}
.news_img i{ position: absolute; left: 0; top: 0; right: 0; height: 205px; line-height: 205px; text-align: center; font-size: 24px; color: #fff; background-color: rgba(0,104,184,0.44); opacity: 0; transition: all 0.2s;}
.news_img img{ height: 205px; width: 312px;}
.news_img .con{ padding: 15px 15px 0;}
.news_img .con div{ font-size: 18px; color: #363636; font-weight: normal; line-height: 29px; overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.news_img .con span{ display: block; font-size: 14px; color: #9f9f9f; line-height: 19px;}
.news_img .con p{ overflow: hidden; font-size: 14px; color: #9f9f9f; line-height: 48px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.news_img a:hover i{ opacity: 1.0}
.news_img a:hover .con div  { color: #da212d}
/*.news_img a:hover .con span{ color: #da212d}*/
.news_img a:hover .con span{ color: #9f9f9f}

/*.news_img a:hover .con p{ color:#ea6133}*/
.news_img a:hover .con p{ color:#9f9f9f}

/*荣誉*/
.honnor{ background: rgba(255,255,255,0.8); padding: 46px 60px 19px; margin-bottom: 114px; overflow: hidden;}
.honnor_list{ float: left; width: 791px;}
.honnor_list img{ float: left; margin-right: 27px; margin-bottom: 26px;}
.honnor_list img:nth-child(n+6){ margin-right: 7px;}
.honnor_list img:nth-child(5),.honnor_list img:last-child{ margin-right: 0;}

.honnor_news{ overflow: hidden; padding-left: 79px; padding-top: 30px;}
.honnor_news li{ padding-left: 11px; background: url(../images/img_03.png) no-repeat left center; font-size: 16px; color: #414141; line-height: 37px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.honnor_news li a{ color: #414141}
.honnor_news li a:hover{ color: #ea6133}

/*合作*/
.coop{ margin-bottom: 65px; position: relative;}
.coop p{ text-align: center; font-size: 14px; color: #414141; line-height: 40px;}
.coop i{ display: block; height: 85px; background-position: center center; background-repeat: no-repeat;}
.coop .swiper-next img,.coop .swiper-prev img{ width: 12px;cursor:hand;}
.coop .swiper-next,.coop .swiper-prev{ position: absolute; top: 50%; transform: translateY(-50%);}
.coop .swiper-next{ right: -20px;}
.coop .swiper-prev{ left: -20px;}

/*底部*/
.footer{ background: #125591; min-width: 1280px;}
.footer > .wrapper{ padding: 50px 0 40px;}
.line{ float: left; margin: 0 31px; height: 107px; border-right: 1px #5c83a6 solid;}
.f_nav{ float: left; width: 440px; padding-top: 10px; height: 97px;}
.f_nav li{ float: left; width: 120px; font-size: 16px; line-height: 40px;}
.f_nav li a{ color: #fff;}
.f_nav li a:hover{ color: #e60013}
.f_address{ float: left;}
.f_address p{ font-size: 16px; color: #fff; line-height: 23px;}
.f_address p a{ color: #fff;}
.f_address p a:hover{ color: #e60013}

.f_address p:first-child{ margin-bottom: 12px; font-weight: bold;font-size: 18px; }
.f_copy{ border-top: 1px #5c83a6 solid; text-align: center; font-size: 14px; color: #6497c4; line-height: 35px;}
.f_copy i{ margin: 0 22px;}
.f_copy img{ display: inline-block; vertical-align: middle; margin: 0 10px 2px 0;}
.f_copy a{ color: #6497c4;}
.f_copy a:hover{ color: #85bdee}

/*简介*/
.p_img{ position: relative;}
.p_img b{ position: absolute; left: 50%; margin-left: -640px; bottom: 0; width: 221px; line-height: 56px; background: #e60013; text-align: center; font-size: 21px; color: #fff; font-weight: normal;}

.about{ padding: 0 0 80px; min-height:500px;}
.about_nav{ background: #f3f3f3;}
.about_nav li{ float: left; width: 12.5%; line-height: 70px; font-size: 18px; color: #444444; text-align: center;}
.about_nav a{ display: inline-block; vertical-align: top; color: #444; position: relative;}
.about_nav a::before{ display: none; position: absolute; content: ""; left: 0; right: 0; bottom: 17px; border-bottom: 2px #ff0000 solid;}
.about_nav a:hover{ color: #e60013;}
.about_nav a:hover::before{ display: block;}
.about_nav a.on{ color: #e60013}
.about_nav a.on::before{ display: block; border-color: #e51010}

.location{ font-size: 14px; color: #9a9a9a; line-height: 35px; border-bottom: 1px #eaeaea solid;}
.location a{ display: inline; color: #9a9a9a}
.location a:hover{ color: #e60013}

.about_intro{ padding: 25px 0 55px}
.about_intro .zzjg img{ display: block; margin: 0 auto;max-width: 100%;}

.about_intro b{ display: block; font-size: 53px; color: #2c2c2c; font-weight: normal; line-height: 115px;}
.about_intro p{ font-size: 16px; color: #525252; line-height: 30px; text-indent: 2em;}

.about_yhwl{ padding: 25px 0 55px}
.about_yhwl img { display: block;  margin: 0 auto; padding: 10px;max-width: 100%;}
.about_yhwl p{ font-size: 18px; color: #525252; line-height: 30px;  text-align: center; }

.about_lx{ padding: 25px 0 55px}
.about_lx .right {   float: left; margin: 25px  0 70px 0;}
.about_lx .right img{  max-width: 100%;}
.about_lx .left{ font-size: 18px; color: #525252; line-height: 30px;  text-align: left; width: 40%; float: left;  padding-left: 5%; margin: 25px  0 70px 0;}
.about_lx .left strong {line-height: 48px;height: 48px;font-size: 28px;font-weight: 500;margin-bottom: 25px;}

.j_rcln{ padding: 25px 0 55px}
.j_rcln .right {   float: left; margin: 25px  0 70px 0;}
.j_rcln .right img{  max-width: 100%;}
.j_rcln .left{  width: 40%; float: left;  padding-left: 5%; margin: 25px  0 70px 0; padding-top: 100px;}
.j_rcln .left p { font-size: 20px; color: #525252; line-height: 36px;  text-align: center; }
.j_rcln .left strong {line-height: 48px;height: 48px;font-size: 28px;font-weight: 500;margin-bottom: 25px;}







.about_qywh{ padding: 25px 0 55px}
.about_qywh img { max-width: 100%;}
.about_qywh h2 {  font-size: 30px;color: #b07c4b;font-weight: normal;text-align: center;line-height: 55px;height: 55px; padding: 30px 0;  }
.about_qywh b{ display: block; font-size: 53px; color: #2c2c2c; font-weight: normal; line-height: 115px;}
.about_qywh p{ font-size: 16px; color: #525252; line-height: 30px; text-indent: 2em;}




.special{ margin-bottom: 80px; position: relative; height: 237px; background: #f5f5f5; }
.special::after{ position: absolute; content: ""; left: 50%; top: 56px; bottom: 56px; margin-left: -1px; border-right: 2px #1174cc solid;}
.special li{ float: left; width: 50%; padding-top: 71px; text-align: center;}
.special img{ display: inline-block; vertical-align: top; margin-right: 55px;}
.special span{ display:inline-block; font-size: 18px; color: #1174cc; line-height: 43px; padding-top: 5px;}
.special span b{ display: block; font-size: 30px;}

.about_info{ float: right; width: 597px; padding-top: 13px; font-size: 16px; color: #525252; line-height: 30px;}
.about_video .video{ height: 372px; width: 628px;}
.about_info p{ text-indent: 2em;}
.about_info div{ padding-top: 55px;}

.about_gltx{ padding: 25px 0 55px}
.about_gltx ul  { width: 100%; margin: 0 1.5%;  } 
.about_gltx ul  li{ display: inline-block;   width: 22%;   padding: 1%;} 
.about_gltx ul  li img{ display: block;  max-width: 100%;  } 
.about_gltx ul  li p { display: block;  text-align: center; line-height: 30px; height: 30px; font-size: 16px; padding: 15px 0 5px 0;} 

.about_zzry{ padding: 25px 0 55px}
.about_zzry ul  { width: 100%; margin: 0 auto;  } 
.about_zzry ul  li{ display: inline-block; float: left; width: 23%;   padding: 1%;} 
.about_zzry ul  li img{ display: block;  max-width: 100%;  } 
.about_zzry ul  li p { display: block;  text-align: center; line-height: 30px; height: 30px; font-size: 16px; padding: 15px 0 5px 0;} 

/*新闻列表*/
.new_all{ padding-top: 25px; min-height:500px;}
.new_all .list li{ padding: 35px 0; border-bottom: 1px #e5e5e5 solid;}
.new_all .list .img{ float: left; margin-right: 60px;}
.new_all .list .img img{ width: 280px; height: 183px;}
.new_all .list .con{ overflow: hidden;}
 

.new_all .list h4{ display: block; max-width:95%;   font-size: 22px; color: #434343; font-weight: normal; line-height: 50px; height: 50px; padding-top: 9px; }
.new_all .list h4 a{ color: #434343;}
.new_all .list h4 a:hover{ color: #da212d}
.new_all .list h4 .time{ color: #9e9d9d; float:right; display:block; font-size:16px; }
.new_all .list p{ font-size: 14px; color: #9e9d9d; line-height: 24px; height: 48px; overflow: hidden;	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:2;}
/*.new_all .list p:hover{ color: #ea6133;   }*/
.new_all .list .d_btn{ display: inline-block; font-size: 14px; color: #389ad8; line-height: 26px; margin-top: 35px; border-radius: 13px; text-align: center; transition: all 0;}
.new_all .list .d_btn:hover{ background: #389ad8; color: #fff; width: 95px; }

/*新闻详情*/

/*内刊列表*/
.nk_all{ padding:25px 0; }
.nk_all .list { display: inline-table;}
.nk_all .list li{ padding: 10px 10px 10px 10px; float:left;     display: inline-table; width:31%;}
 .nk_all .list li img{ max-width:100%;}
.nk_all .list .con p{ text-align:center; font-size:18px; line-height:36px; padding-top: 15px;}

.nk_all .page{ text-align: right; padding: 40px 0;font-size: 16px; color: #626262; line-height: 26px; display: inline-block;}

/*内刊列表*/





.new_content { padding: 50px 0 10px 0; max-width:1280px;}
.new_content .title { font-size:28px; line-height:38px; text-align:center; color:#626262; }
.new_content .time { font-size:14px;  text-align:center; color:#868686; padding-bottom:10px;}
.new_content .content_txt p{line-height: 28px;    color: #626262;    font-size: 18px;   text-indent: 2em; }

.new_content .content_txt  img{ text-align:center; padding:5px; max-width:100%; margin:10px auto; display:block;  }
.page{ text-align: right; padding: 40px 0;font-size: 16px; color: #626262; line-height: 26px;}
/*.page a,.page i{ display: inline-block; vertical-align: top; font-size: 16px; color: #626262; line-height: 26px; text-align: center; margin-left: 20px;}
*/
.page a,.page i{  vertical-align: top; font-size: 16px; color: #389ad8; line-height: 26px; text-align: center; margin: 0px 5px;}

.page a{ width: 26px; }
.page a img{ display: inline-block; vertical-align: middle; margin-bottom: 2px;}
.page a.on{ color: #fff; background: #389ad8; border-radius: 6px;}

/**baidu map**/
#allmap{width: 100%; height: 700px;}
.map-name {color: #bf0008;font-size:20px; line-height: 45px; padding: 5px 10px;    font-weight: bolder; }
.map-tel{ font-size: 16px; line-height: 32px; }
.map-add{font-size: 16px; line-height: 32px;}