body { font-family: 微软雅黑,"Open Sans", sans-serif; font-size:14px; }
input,
select,
textarea { font-family: 微软雅黑,"Open Sans", sans-serif;font-size:1em;; }
.wrap { width: 100%; margin: 0 auto;max-width:1100px; position: relative; }

img,a{ border:0;}
ul,li{ list-style:none;}
*{ margin:0; padding:0;}
.flt{ float:left;}
.frt{ float:right;}
.clear{ clear:both;}
.clear:after,.clear:before{content:'';clear:both; display:table;}
 
.img1{overflow:hidden;position:relative;}
.img1:before{ transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s; content:'';display:block;position:absolute; top:0;left:0;right:0; bottom:0; border:1px solid rgba(255,255,255,0);z-index:100}
.img1:hover:before{ top:10px;left:10px;right:10px; bottom:10px; border:1px solid rgba(255,255,255,0.5);}
.img1:hover img{ transform:scale(1.1) rotate(3deg);-o-transform:scale(1.1) rotate(3deg);-webkit-transform:scale(1.1) rotate(3deg);-moz-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);}

.owl-theme .owl-controls .owl-nav [class*=owl-]{position:absolute; margin:0 !important; padding:0 !important;}
.owl-theme .owl-controls{ bottom:50% !important; height:0;margin-bottom:50px; }
.owl-theme .owl-controls .owl-nav{ height:0;position:relative;}
.owl-theme .owl-controls .owl-nav .owl-prev{ left:5%;}
.owl-theme .owl-controls .owl-nav .owl-next{ right:5%;}

*{ transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;}


/*----------header----------*/
.header { position:absolute; top:0; left:0; width:100%; background:#81a4fe; line-height:60px; z-index:50; }
.header .logo { width:164px; margin-left:40px; }
.header .logo img { max-width:100%; vertical-align:middle; margin-bottom:3px; }
.menu { margin-right:40px; }
.menu ul li{ float:left; margin-left:40px; margin-left:5px; position:relative; }
.menu ul li h3 { font-size:16px; font-weight:normal; }
.menu ul li h3 a{ color:#fff; display:inline-block; width:130px; height:30px; line-height:30px; text-align:center; border-radius:3px; }
.menu ul li.on h3 a,.menu ul li:hover h3 a { background:#e73828; }

.menu ul li .drop { transition:all 0s;transition:all 0s;-o-transition:all 0s;-webkit-transition:all 0s;-moz-transition:all 0s;-ms-transition:all 0s; width:200px; position:absolute; top:60px; left:50%; margin-left:-100px; display:none; }
.menu ul li .drop ul { /*border-top: 3px solid #7B7B7B;*/ background:#fff; }
.menu ul li .drop ul li { float:none; text-align:center; margin:0; border-bottom:1px solid #ddd; }
.menu ul li .drop ul li a { display:block; height:30px; line-height:30px; font-size:12px; }
.menu ul li .drop ul li a span { display:inline-block; }
.menu ul li .drop ul li a:hover { background:#e73828; }
.menu ul li .drop ul li a:hover span { color:#fff; transform:translate(10px);-o-transform:translate(10px);-webkit-transform:translate(10px);-moz-transform:translate(10px);-ms-transform:translate(10px); }


.banner { position:relative; }
.banner .item{ position:relative;}
.banner .item img{ display:block; width:100%;}


.index_box1 { background:#4f62d3; padding:20px 0.5%; }
.index_box1 ul li { float:left; width:32.333%; padding:0 0.5%; }
.index_box1 ul li a { display:block; padding:48px 60px; border-radius:5px; }
.index_box1 ul li .img { text-align:center; height:90px; }
.index_box1 ul li .img img { vertical-align:middle; }
.index_box1 ul li .web { text-align:center; margin-top:50px; }
.index_box1 ul li .web h3 { font-size:18px; color:#fff; font-weight:normal; }
.index_box1 ul li .web p { color:#c3c3c3; margin-top:18px; line-height:20px;}
.index_box1 ul li a:hover { background:#32312f; }


.index_box { }
.index_tit { text-align:center; padding:60px 0; }
.index_tit h3 { font-size:26px; font-weight:normal; color:#222; }
.index_tit p { color:#999; margin-top:20px; }
.index_tit a { display:inline-block; width:170px; height:30px; line-height:30px; background:#e73828; color:#fff; margin-top:40px; border-radius:3px; }
.index_tit a:hover { width:210px; background:#000; }


.product_item { padding:0 0.5%; }
.product_item ul li { float:left; width:24%; padding:10px 0.5%; }
.product_item ul li a { display:block; position:relative; overflow:hidden; }
.product_item ul li .img { border:1px solid #f4f4f4; }
.product_item ul li .img img { display:block; width:100%; }
.img_mb { position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.4);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f000000', endColorstr='#4f000000'); opacity:0;filter:alpha(opacity=0); }
.product_item ul li .txt { position:absolute; bottom:-84px; left:0; width:100%; padding:20px 0; color:#fff; }
.product_item ul li .txt h3 { font-size:20px; font-weight:normal; padding-left:20px; }
.product_item ul li .txt p { margin-top:10px; padding-left:20px; }
.product_item ul li a:hover .img img { }
.product_item ul li a:hover .img_mb { opacity:1;filter:alpha(opacity=100); }
.product_item ul li a:hover .txt { background:#e73828; bottom:0; }


.index_about { background:#21201e; position:relative; padding:109px 0; }
.index_about_bg { position:absolute; top:0; right:0; width:50%; height:100%; background:#020305; }
.index_about_bg img { display:block; position:absolute; bottom:0; right:0; width:70.625%; }
.index_about .wrap { max-width:1360px; }
.index_about .web { width:65.29%; }
.index_about .web .img { }
.index_about .web .img img { display:block; width:100%; }
.index_about .web .txt { color:#fff; width:82%; }
.index_about .web .txt h3 { font-size:24px; font-weight:normal; margin:40px 0 30px; }
.index_about .web .txt p { font-size:14px; line-height:28px; }


.index_news { background:#eef0ef; }
.index_news ul li { border-top:1px solid #d7d7d7; padding:35px 0; transition:all 0s;transition:all 0s;-o-transition:all 0s;-webkit-transition:all 0s;-moz-transition:all 0s;-ms-transition:all 0s; }
.index_news ul li:first-child { border-top:none; }
.index_news ul li * { transition:all 0s;transition:all 0s;-o-transition:all 0s;-webkit-transition:all 0s;-moz-transition:all 0s;-ms-transition:all 0s; }
.index_news ul li .news_content { max-width:1000px; margin:0 auto; width:95%;}
.index_news ul li .news_content a { display:block; transition:all 0.5s; }
.news_data { float:left; width:180px; margin-right:50px; text-align:right; color:#999; }
.news_data h3 { font-size:56px; font-weight:normal; }
.news_data p { font-size:19px; margin-top:5px; }
.news_web { overflow:hidden; }
.news_web h3 { font-size:18px; color:#222; font-weight:normal; margin-top:13px; }
.news_web p { font-size:13px; color:#666; line-height:26px; margin-top:23px; }

.index_news ul li:hover { background:#21201e; }
.index_news ul li:hover .news_content { background:url(icon4.png) no-repeat right center; }
.index_news ul li:hover .news_data, .index_news ul li:hover .news_web h3, .index_news ul li:hover .news_web p { color: #fff; }
.index_news ul li:hover .news_content a { transform:translate3d(-50px,0,0);-o-transform:translate3d(-50px,0,0);-webkit-transform:translate3d(-50px,0,0);-moz-transform:translate3d(-50px,0,0);-ms-transform:translate3d(-50px,0,0); }


.index_contact { background:#4f62d3; padding:50px 0 90px; }
.index_contact .wrap { max-width:1130px; }
.index_contact .tit { text-align:center; color:#fff; }
.index_contact .tit h3 { font-size:26px; font-weight:normal; }
.index_contact .tit p { font-size:14px; color:#fff; margin-top:15px; }
.index_contact_list { margin-top:85px; }
.index_contact_list ul li { float:left; text-align:center; color:#fff; width:33.333%; }
.index_contact_list ul li span { display:block; height:72px; }
.index_contact_list ul li span.sp1 { background:url(icon5.png) no-repeat center center; }
.index_contact_list ul li span.sp2 { background:url(icon6.png) no-repeat center center; }
.index_contact_list ul li span.sp3 { background:url(icon7.png) no-repeat center center; }
.index_contact_list ul li .web { margin-top:23px; font-size:16px; }
.index_contact_list ul li .web h3 { font-weight:normal; }
.index_contact_list ul li .web p { margin-top:10px; }


/*----------mainer----------*/
.mainer { }
/*----------footer----------*/
.footer { line-height:20px;padding:19px 0; background:#161514; text-align:center; }
.footer p { font-size:14px; color:#999; }






/*----------custom----------*/

.page_banner { height:360px; }
.page_banner .web { height:300px; padding-top:60px; display:table; width:100%; text-align:center; color:#fff; }
.page_banner .web .cell { display:table-cell; vertical-align:middle; }
.page_banner .web h2 { font-size:26px; font-weight:normal; }
.page_banner .web p { margin-top:20px; }
.product_nav { text-align:center; padding:55px 0; }
.product_nav ul li { display:inline-block; margin:0 5px; }
.product_nav ul li a { display:block; width:108px; height:28px; line-height:28px; border:1px solid #999; color:#666; border-radius:3px; }
.product_nav ul li.in a,.product_nav ul li a:hover { background:#e73828; border:1px solid #e73828; color:#fff; }

.product_item.product_item1 { }
.product_item.product_item1 ul li { padding-bottom:0; }
.product_item.product_item1 ul li a { padding-bottom:83px; }
.product_item.product_item1 ul li .img_mb { bottom:85px; }
.product_item.product_item1 ul li .img { overflow:hidden; }
.product_item.product_item1 ul li .txt { bottom:0; }
.product_item.product_item1 ul li .txt h3 { color:#222; }
.product_item.product_item1 ul li .txt p { color:#666; }
.product_item.product_item1 ul li a:hover .txt { bottom:84px; }
.product_item.product_item1 ul li a:hover .txt h3,.product_item.product_item1 ul li a:hover .txt p { color:#fff; }
.product_item.product_item1 ul li a:hover img { transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1); }

.page_num { text-align:center; padding:60px 0 75px; }
.page_num p { color:#666; }

.page_about { padding:50px 0; }
.page_about .tit { text-align:center; }
.page_about .tit .img { }
.page_about .tit .img img { display:block; margin:0 auto; }
.page_about .tit h3 { font-weight:normal; font-size:26px; color:#222; margin-top:30px; }
.page_about .web { }
.page_about .web p { line-height:28px; color:#222; /*margin:28px 0;*/ }
.page_about .web .img_list { margin:40px 0; }
.page_about .web .img_list .img { width:49%; overflow:hidden; }
.page_about .web .img_list .img img { display:block; width:100%; }


.page_contact { padding:60px 0; }
.contact_l { float:left; width:540px; }
.contact_l .img { overflow:hidden; margin-top:20px; }
.contact_l .img:first-child { margin-top:0; }
.contact_l .img img { display:block; width:100%; }
.contact_r { float:right; width:506px; text-align:center; }
.contact_r .tit { margin-top:45px; }
.contact_r .tit.first { margin-top:0; }
.contact_r .tit h3 { font-size:18px; font-weight:normal; color:#000; }
.contact_r .tit p { color:#222; margin-top:13px; }
.contact_r .web { margin-top:35px; }
.contact_r .web h4 { color:#666; line-height:28px; font-weight:normal; }
.contact_r .web p { line-height:28px; font-size:16px; color:#222; }
.contact_r .web p a { color:#222; }
.contact_r .web p span { display:block; color:#666; }
.contact_r .web p.p1 span { display:inline-block; }
.contact_line { height:1px; background:#999; margin-top:35px; }

.index_news.page_news { background:none; }
.index_news.page_news ul li { border-top:none; border-bottom:1px solid #d7d7d7; }

.pagesize { text-align:center; padding:45px 0 60px; }
.pagesize a { display: inline-block; min-width: 15px; text-align: center; line-height: 36px; padding: 0 10px; margin-left: 10px; color: #282828; border-radius: 2px; }
.pagesize a:hover, .pagesize a.on { background: #ed2207; color: #fff; }

.page_about.page_details { padding-top:0; padding-bottom:100px; }

.page_about.page_details .web{
	margin:20px auto;
}

.page_about.page_details .web div{
	font-size:14px;
	line-height:28px;
}

.details_list { line-height:30px; margin-top:50px; }
.details_list ul li span { display: block; float: left; margin-right: 15px; }
.details_list ul li a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.details_list ul li a:hover { text-decoration:underline; }


@media only screen and (max-width: 1400px){
    .wrap{width:98%; }
}

@media only screen and (max-width: 1024px) {  
      .wrap{width:95%; }
    .index_about .web .txt{ width:70%;}
    .news_data h3{ font-size:40px;}
    .news_web h3{margin-top:0;}
    .product_item ul li .txt h3{ font-size:18px;}
    .news_data{width:auto}
    .index_tit a{margin-top:20px;}
    .index_tit{padding:40px 0;}
    .contact_l{width:48%;}
    .contact_r{width:48%;}
    .contact_r .web{margin-top:30px;}
}


@media (max-width: 946px) {
    .menu ul li h3 a{ display:inline-block;padding:0 30px;width:auto;}
    .menu{margin-right:10px;}
   .header .logo{margin-left:10px;}
   .product_item ul li{width:49%;padding:5px 0.5%;}
   .index_about_bg{ position:absolute; top:0; left:auto; bottom:auto; right:0;width:50%;   height:auto;opacity:0.5}
   .index_about_bg img{position:inherit; top:auto; left:auto; bottom:auto; left:auto;}
   .index_about .web{width:100%;}
   .index_about .web .txt{width:100%;}
   .index_about{padding:40px 0;} 
   .index_box1 ul li a{ padding:20px;}
   
}


@media (max-width: 750px) {
    .menu{   position:fixed; background:rgba(0,0,0,0.85);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#85000000', endColorstr='#85000000'); top:0;left:-100%;height:100%; right:0; margin-right:0;display:table;width:100%;z-index:10000}
    .h_menu .menu{left:0;}
    .menu ul{display:table-cell; vertical-align:middle;}
    .menu ul li{margin:0; margin-bottom:20px; float:none;width:100%;}
    .menu ul li h3 a{border-radius:0; display:block; }
    .menu_wrap{position:relative;z-index:10001; float:right;margin-right:10px; width:30px;height:30px;background:url(menu.png) no-repeat center center; background-size:20px auto;margin-top:15px;}
    .header .logo{position:relative;z-index:10001;}
    .contact_l,.contact_r{width:100%;}
    .contact_l .img{width:50%; float:left;margin:0 auto;}
    .contact_l{margin-bottom:20px;}
    .contact_r .web{margin-top:20px;}
}


@media (max-width: 450px) {
    ::-webkit-scrollbar{ width:1px; height:1px;}
    .index_box1 ul li{width:31.333%;}
    .index_box1 ul li .img{ height:auto;width:50%; margin:0 auto;}
    .index_box1 ul li .web{ margin-top:20px;}
    .index_box1 ul li .web h3{ font-size:14px;}
    .index_box1 ul li .web p{ margin-top:10px; font-size:12px;line-height:15px;}
    .banner{ overflow:hidden;}
    .banner .item{ width:110%;  margin-left:-0.5%;}
    .index_box1 ul li .img img{ width:100%;}
    .news_data{ float:none;margin:0 auto; text-align:left; margin-bottom:10px;}
    .news_data h3{ font-size:20px; display:inline-block;}
    .news_data p{display:inline-block;font-size:14px;}
    .news_web p{margin-top:10px;}
    .index_news ul li{padding:20px 0;}
    .index_news ul li:hover .news_content a{ transform: translate3d(0px,0,0);-o-transform: translate3d(0px,0,0);-webkit-transform: translate3d(0px,0,0);-moz-transform: translate3d(0px,0,0);-ms-transform: translate3d(0px,0,0);}
    .index_contact_list ul li{width:100%;margin-bottom:20px;}
    .index_contact_list{margin-top:50px;}
    .index_contact{ padding-bottom:50px;}
    .product_nav ul { white-space:nowrap;}
    .product_nav{ overflow-x:auto; padding:20px 0;}
    .product_nav ul li a{width:100px;}
    .page_num{padding:20px 0;}
    .page_banner .web h2{ font-size:20px}
    .page_banner .web p{ line-height:20px;margin: 10px;}
    .product_item ul li{width:49%;}
    .header{position:inherit; top:auto; left:auto;}
    .mainer{ }
    .page_banner .web{ padding-top:0}
    .page_banner .web,.page_banner{ height:200px;}
    .index_contact_list ul li span{ display:none;}
    .product_item.product_item1 ul li .txt h3{padding-left:0; text-overflow:ellipsis; white-space:nowrap; font-size:16px;}
    .product_item.product_item1 ul li a{ padding-bottom:0;}
    .product_item.product_item1 ul li .txt{ position:initial; top:auto; bottom:auto; right:auto; left:auto;width:auto;}
    .product_item.product_item1 ul li .txt p{padding-left:0}
    .product_item.product_item1 ul li .txt{padding:10px;}
    .product_item.product_item1 ul li:nth-child(2n+1){clear:both;}
}