/* swiper_box */
.swiper_box {width:100%; position:relative;}

.swiper_img {margin:0 auto; position:relative; overflow:hidden; height:660px;}
.swiper_img ul {width:100%; height:100%;  position:absolute; top:0; left:0;background:linear-gradient(to right, #222 0 ,#111 100%); }
.swiper_img li {float:left; width:100%; height:100%;}
.swiper_img li > a {display:block; width:100%; height:100%; content:"";}

/*animation swiper_img*/

.swiper_num {position:absolute;z-index:100;bottom:20px;left:0; text-align: center; width: 100%}
.swiper_num ul li {cursor:pointer;display:inline-block;*display:inline;width:12px;height:12px;margin:0 2px; font-size: 0; background-color: #f2f2f2;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s; transition: all ease-in-out .3s; }
.swiper_num ul li.active { background-color: #f00;width:24px;}

.swiper_img li .slide_box .slide_btn{display:inline-block;border: 1px solid #fff; color: #fff; margin-top: 2rem;padding: 1rem 3rem;border-radius: 0.5rem; font-size: 1.6rem;-webkit-transition: margin-top ease-in-out .3s;-o-transition: margin-top ease-in-out .3s; transition: margin-top ease-in-out .3s;}
.swiper_img li .slide_box .slide_btn:hover{color: #ff0; border-color: #ff0;margin-top:1.5rem}

.swiper_ico .btn_prev,.swiper_ico .btn_next {position:absolute;top:50%;margin-top:-36px;left:20px;z-index:100;width:38px;height:68px; text-align: center; cursor:pointer; display: none;color: #eee;  }
.swiper_ico i{font-size: 38px;display: table-cell;vertical-align: middle;height:68px; }
.swiper_ico .btn_next {left:auto;right:20px;}
.swiper_ico .btn_next:hover ,.swiper_ico .btn_prev:hover{color: #fff;}

/*all_home_btn*/
.all_home_btn{text-align: center;margin-top: 2rem;}
.all_home_btn a{font-size: 1.6rem; font-weight: bold; color: #fff; display:inline-block;text-align: center;border-radius: 30px; padding:1rem 5rem;  background: #aa6800;}
.all_home_btn a:hover{ background: #6e3b00;}


/*share*/
.box_tit{ position: relative; margin-bottom:20px; text-align: center;}
.box_tit h2{ position: relative;font-size:3.2rem;height: 50px;line-height: 50px;display: inline-block;text-align: center;padding: 0 30px; font-weight: bold;z-index: 1;}
.box_tit h2:after { height: 5px; border-bottom: 3px solid #aa6800;  margin: 0 auto; width: 100px;  position: absolute; left: 0; right: 0; bottom: -5px; z-index: 0;  content: '';}

.box_tit p{font-size: 1.6rem; margin-top: 15px;}

.box_all{padding:50px 0;}
.box_all .box_con {clear: both; overflow: hidden; padding: 10px 0;}


.box_white .box_tit h2{ color:#fff;}
.box_white .box_tit h2:after { border-color:rgba(255,255,255,0.30);  }
.box_white .box_tit p { color: rgba(255,255,255,0.80)}


/* same_box */
.same_box_a img{ max-width: 100%;}

.same_box_a ul li .item{position: relative; background: #fff;border-radius: 10px; overflow: hidden; margin-bottom: 2rem;}
.same_box_a ul li .item .item_pic{position: relative; clear: both; overflow: hidden;z-index: 2;}
.same_box_a ul li .item .item_pic .pic_con{text-align: center;}
.same_box_a ul li .item .item_con{position: relative;z-index: 9; padding: 1rem;}
.same_box_a ul li .item .item_con h3{font-size: 1.6rem;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; text-align: center; }
.same_box_a ul li .item .item_con p{line-height:180%; color:#999;}

.same_box_a ul li:hover .item img{animation: imgzoom 0.5s; -moz-animation: imgzoom 0.5s; -webkit-animation: imgzoom 0.5s;  -o-animation: imgzoom 0.5s; animation-fill-mode : forwards }
.same_box_a ul li:hover .item .item_con{animation: fadeInUp 0.5s; -moz-animation: fadeInUp 0.5s; -webkit-animation: fadeInUp 0.5s;  -o-animation: fadeInUp 0.5s; }

.same_box_b .same_pic{ text-align: center;}
.same_box_b .same_pic img{ max-width: 100%;}

.same_box_b ul li .item{position: relative;padding:2rem 0 ; background: #fff;margin:0 5px 2rem;border-radius: 20px; overflow: hidden; box-shadow:0 10px 20px -8px rgba(0,0,0,.3);}
.same_box_b ul li .item .item_pic{position: relative; clear: both; overflow: hidden;z-index: 2;}
.same_box_b ul li .item .item_pic .pic_con{text-align: center;}
.same_box_b ul li .item .item_pic span{display: inline-block;color:#fff; border-radius: 100px; width: 100px; height: 100px; line-height: 100px;}
.same_box_b ul li .item .item_pic span i{font-size:5rem; display: inline-block;line-height:100%; }
.same_box_b ul li .item .item_con{position: relative;z-index: 2; padding: 1rem 3rem 0; text-align: center;}
.same_box_b ul li .item .item_con h3{font-size: 1.8rem;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; text-align: center; font-weight: bold; padding-bottom: 5px;}
.same_box_b ul li .item .item_con p{line-height:180%; color:666;}

.same_box_b ul li:hover .item .item_pic span{animation: fadeInDown 0.5s; -moz-animation: fadeInDown 0.5s; -webkit-animation: fadeInDown 0.5s;  -o-animation: fadeInDown 0.5s; animation-fill-mode : forwards ;color: #fff;}
.same_box_b ul li:hover .item .item_con{animation: fadeInUp 0.5s; -moz-animation: fadeInUp 0.5s; -webkit-animation: fadeInUp 0.5s;  -o-animation: fadeInUp 0.5s; }


/* class_list_nam */
.class_list_nam{ background: #fff; border-bottom: 1px solid #eee; padding-top: 10px;}
/*all_tab*/
.all_tab .tab_tit ul{ word-spacing: -6px; text-align: center; padding: 10px 0}
.all_tab .tab_tit ul li{display: inline-block;height: 38px; line-height: 38px;font-size: 1.6rem; cursor: pointer;word-spacing:0; position: relative; margin:0 10px 10px;}
.all_tab .tab_tit ul li a{display:block;padding: 0 2.5rem; background-color: #f9f9f9;border: 1px solid #ddd; }
.all_tab .tab_tit ul li:hover a,.all_tab .tab_tit ul li.active a{color: #fff; background-color: #aa6800;border: 1px solid #aa6800;}


/* product_list */

.product_list ul li .item{position: relative; background: #fff;overflow: hidden; border:2px solid #ddd; margin-bottom: 2rem;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s; transition: all ease-in-out .3s;}
.product_list ul li .item .item_pic{position: relative; z-index: 2; padding: 2px;}
.product_list ul li .item .item_pic .pic_con{text-align: center;clear: both; overflow: hidden;}
.product_list ul li .item .item_con{position: relative;z-index: 9; }
.product_list ul li .item .item_con h3{font-size: 1.5rem;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; text-align: center;background: #aa6800; color: #fff; line-height: 43px; -webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s; transition: all ease-in-out .3s; padding: 0 10px}
.product_list ul li .item .item_con .text{padding:1.5rem; }
.product_list ul li .item .item_con .text p{line-height:180%; color:#999; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; height: 49px; }
.product_list ul li:hover .item { border-color:#aa6800; }
.product_list ul li:hover .item img{animation: imgzoom 0.5s; -moz-animation: imgzoom 0.5s; -webkit-animation: imgzoom 0.5s;  -o-animation: imgzoom 0.5s; animation-fill-mode : forwards }
.product_list ul li:hover .item h3{ background: #aa6800;  }



.case .product_list ul li .item .item_pic{margin-bottom: 1.2rem; clear: both; overflow: hidden;position: relative;padding-bottom: 75%; background-color: #fff; border-radius: 10px;box-shadow: 0 10px 20px -8px rgba(0,0,0,.3); }

/* product */

.product {clear: both; overflow: hidden; padding: 30px 0;}

.product .product_class{width:25%;min-height:1px;padding-left: 1rem;padding-right: 1rem;float: left;}
.product .product_con{width:75%;min-height:1px;padding-left: 1rem;padding-right: 1rem;float: left;}

.product .product_class .con_box h3{ text-align: center;height: 60px;line-height: 60px; font-size: 1.8rem; font-weight: bold; background: linear-gradient(to bottom, #0052ca 0%, #003f9b 100%); color: #fff;}
.product .product_class .con_box ul{ border: 3px solid #003f9b; background-color: #fff;}
.product .product_class .con_box ul li{height: 50px;line-height: 50px; position: relative; border-bottom: 1px solid #eee; }
.product .product_class .con_box ul li a{word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; padding-right: 2rem;}
.product .product_class .con_box ul li:hover{background-color: #f9f9f9;}
.product .product_class .con_box ul li:last-child{border-bottom: none;}
.product .product_class .con_box ul li a{display: block;padding-left: 1.5rem; color: #003f9b; font-weight: bold;}
.product .product_class .con_box ul li i{position: absolute; top: 0; right: 1rem; font-size: 2.0rem;}

.product_c{padding:20px 0;}
.product .product_class .con_box p{height: 30px;line-height: 30px;font-size: 1.3rem}
.product .product_class .con_box p a{ padding-left: 30px; display: block;}
.product .product_class .con_box p:hover{background-color: #f9f9f9;}
.product .product_class .con_box p:last-child{margin-bottom: 10px;}

.product .product_con .con_box ul li .item{margin:0 0 2rem 0; }
.product .product_con .con_box ul li .item .item_pic{margin-bottom: 1rem; clear: both; overflow: hidden;position: relative;background-color: #fff; }
.product .product_con .con_box ul li .item .item_pic img{max-width: 100%;  }
.product .product_con .con_box ul li .item h3{text-align: center;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }

.product .product_con .con_box ul li .item:hover img{animation: pulse 1s; -moz-animation: pulse 1s; -webkit-animation: pulse 1s;  -o-animation: pulse 1s;}

.product .product_noclass .con_box ul li .item{margin:0 0 2rem 0; }
.product .product_noclass .con_box ul li .item .item_pic{margin-bottom: 1rem; clear: both; overflow: hidden}
.product .product_noclass .con_box ul li .item .item_pic img{max-width: 100%;}
.product .product_noclass .con_box ul li .item h3{text-align: center;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }

.product .product_noclass .con_box ul li .item:hover img{animation: pulse 1s; -moz-animation: pulse 1s; -webkit-animation: pulse 1s;  -o-animation: pulse 1s;}

/* jinlun_a */
.jinlun_a{background: #fff; background-size: cover; }

/*tab_box_a*/
.jinlun_a .tab_tit {}
.jinlun_a .tab_tit ul{ word-spacing: -6px; text-align: center;margin-bottom: 2rem;}
.jinlun_a .tab_tit ul li{display: inline-block;height: 50px; line-height: 50px;font-size: 1.6rem; cursor: pointer;word-spacing:0; tab_box_a: relative; margin:0 10px 10px}
.jinlun_a .tab_tit ul li a{display:block;padding: 0 3rem; background-color: #f9f9f9; border: 1px solid #ddd;}
.jinlun_a .tab_tit ul li:hover a,.jinlun_a .tab_tit ul li.active a{color: #fff; background-color: #aa6800;border-color:#aa6800;}

/*animation jinlun_a*/
.jinlun_a .box_cover{animation: fadeInLongUp 0.5s; -moz-animation: fadeInLongUp 0.5s; -webkit-animation: fadeInLongUp 0.5s;  -o-animation: fadeInLongUp 0.5s; }

.same_box_c img{ max-width: 100%;}

.same_box_c ul li .item{position: relative; background: #fff;overflow: hidden; border:2px solid #ddd; margin-bottom: 2rem;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s; transition: all ease-in-out .3s;}
.same_box_c ul li .item .item_pic{position: relative; z-index: 2; padding: 2px;}
.same_box_c ul li .item .item_pic .pic_con{text-align: center;clear: both; overflow: hidden;}
.same_box_c ul li .item .item_con{position: relative;z-index: 9; }
.same_box_c ul li .item .item_con h3{font-size: 1.6rem;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; text-align: center;background: #aa6800; color: #fff; line-height: 43px; -webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s; transition: all ease-in-out .3s; padding: 0 10px}
.same_box_c ul li .item .item_con .text{padding:1rem 1.5rem 1.5rem; }
.same_box_c ul li .item .item_con .text p{line-height:180%; color:#999; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; height: 70px;}
.same_box_c ul li:hover .item { border-color:#aa6800; }
.same_box_c ul li:hover .item img{animation: imgzoom 0.5s; -moz-animation: imgzoom 0.5s; -webkit-animation: imgzoom 0.5s;  -o-animation: imgzoom 0.5s; animation-fill-mode : forwards }
.same_box_c ul li:hover .item h3{ background: #aa6800;  }

/* jinlun_b */
.jinlun_b{}

.new_tu{ padding: 1rem 0; }
.new_tu ul li .item {position: relative; clear: both; overflow: hidden; margin-bottom: 2rem;  background: #fff; padding: 1.5rem; min-height: 132px; border: 1px solid #eee;}
.new_tu ul li .item .con_pic{position: absolute; width: 130px; top: 1.5rem; left: 1.5rem; overflow: hidden;}
.new_tu ul li .item .con_pic .pic_box{position: relative; width: 100%; padding-bottom: 75%; overflow: hidden; background-color: #fff;}
.new_tu ul li .item .con_pic .pic_box img{position: absolute; top: 0; left: 0; max-width:100%; }

.new_tu ul li .item .con_text {padding: 0 0 0 150px;}
.new_tu ul li .item .con_text h3{font-size: 1.6rem; line-height: 180%; word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.new_tu ul li .item .con_text p{line-height: 150%;color: #999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.new_tu ul li .item .time{color: #999;}

.new_tu ul li:hover .item { border-color: #aa6800;}


/*animation jinlun_b*/
.jinlun_b .box_cover{animation: fadeInLongUp 0.5s; -moz-animation: fadeInLongUp 0.5s; -webkit-animation: fadeInLongUp 0.5s;  -o-animation: fadeInLongUp 0.5s; }


/* jinlun_c */
.jinlun_c{ background:url("../images/about_bg_c3.jpg") no-repeat #fff bottom; background-size: 100%; padding-bottom: 10rem;}

.jinlun_c .about_pic {text-align: left;}
.jinlun_c .about_pic img{max-width: 100%;margin-bottom: 1rem;}

.jinlun_c .about_text .con_text {line-height: 200%; text-indent: 2em; font-size: 1.5rem;}
.jinlun_c .about_text .con_text p{margin-bottom: 1rem;}
.jinlun_c .about_text .con_tel {font-size: 1.8rem; text-align: center;}
.jinlun_c .about_text .con_tel span{border:1px solid #ddd; display: inline-block; padding: 1rem 3rem; border-radius: 30px;}
.jinlun_c .about_text .con_tel strong{font-size: 2.4rem; color: #c00;}

.jinlun_c .about_ry {position: relative; clear: both;overflow: hidden; padding: 1rem 1rem 1rem 3rem;}
.jinlun_c .about_ry .scroll_box ul{clear: both;overflow: hidden;margin: 0 -1rem;}
.jinlun_c .about_ry .scroll_box ul li {float: left; width:50%; text-align: center;padding: 0 1rem;}
.jinlun_c .about_ry .scroll_box ul li .pic_con{clear: both; overflow: hidden;position: relative;padding-bottom:75%; }
.jinlun_c .about_ry .scroll_box ul li h3{padding-top:0.5rem; font-size: 1.6rem;}
.jinlun_c .about_ry .scroll_box ul li img{max-width: 100%; border: 3px solid #eee;height: 100%; position: absolute; left:0; top:0; cursor: pointer;}
.jinlun_c .about_ry .scroll_box ul li img:hover{border-color: #aa6800;} 

.jinlun_c .about_ry .link_prev,.jinlun_c .about_ry .link_next {position:absolute;top:50%;margin-top:-30px;left:0;z-index:100;width:30px;height:60px; text-align: center; cursor:pointer;background-color:rgba(0,0,0,0.05); color: #aaa; line-height: 60px;}
.jinlun_c .about_ry i{font-size: 1.6rem;}
.jinlun_c .about_ry .link_next {left:auto;right:0;}
.jinlun_c .about_ry .link_next:hover,.jinlun_c .about_ry .link_prev:hover{color: #fff;background-color:rgba(0,0,0,0.3);}


/*animation jinlun_c*/
.jinlun_c .box_cover{animation: fadeInLongUp 0.5s; -moz-animation: fadeInLongUp 0.5s; -webkit-animation: fadeInLongUp 0.5s;  -o-animation: fadeInLongUp 0.5s; }


/* jinlun_d */
.jinlun_d{ background: url("../images/nbga2.jpg") no-repeat; background-size: cover; }

.jinlun_d .ry_pic {position: relative; clear: both;overflow: hidden;padding: 1rem 1rem 1rem 3rem;}
.jinlun_d .ry_pic .scroll_box ul{clear: both;overflow: hidden;margin: 0 -1rem;}
.jinlun_d .ry_pic .scroll_box ul li {float: left; width: 25%; text-align: center;padding: 0 1rem;}
.jinlun_d .ry_pic .scroll_box ul li .pic_con{clear: both; overflow: hidden;position: relative;padding-bottom:100%; }
.jinlun_d .ry_pic .scroll_box ul li img{max-width: 100%; border: 5px solid #eee;height: 100%; position: absolute; left:0; top:0; cursor: pointer;}
.jinlun_d .ry_pic .scroll_box ul li img:hover{border-color: #aa6800;} 

.jinlun_d .ry_pic .scroll_box ul li h3{padding-top:0.5rem; font-size: 1.6rem; color: #fff;}

.jinlun_d .link_prev,.jinlun_d .link_next {position:absolute;top:50%;margin-top:-30px;left:0;z-index:100;width:30px;height:60px; text-align: center; cursor:pointer;background-color:rgba(0,0,0,0.05); color: #aaa; line-height: 60px;}
.jinlun_d i{font-size: 1.6rem;}
.jinlun_d .link_next {left:auto;right:0;}
.jinlun_d .link_next:hover,.jinlun_d .link_prev:hover{color: #fff;background-color:rgba(0,0,0,0.3);}

/*animation jinlun_d*/
.jinlun_d .box_cover{animation: fadeInLongUp 0.5s; -moz-animation: fadeInLongUp 0.5s; -webkit-animation: fadeInLongUp 0.5s;  -o-animation: fadeInLongUp 0.5s; }

/* jinlun_e */
.jinlun_e{ background-size: 100%; }

.same_box_d img{ max-width: 100%;}

.same_box_d ul li .item{position: relative; background: #fff;overflow: hidden; margin-bottom: 2rem; }
.same_box_d ul li .item .item_pic{position: relative; clear: both; overflow: hidden;z-index: 2;background: #f2f2f2;}
.same_box_d ul li .item .item_pic .pic_con{text-align: center;}
.same_box_d ul li .item .item_con{position: relative;z-index: 9;  text-align: center; padding:1rem 2rem 2rem;}
.same_box_d ul li .item .item_con h3{font-size: 1.8rem; font-weight: bold; word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; padding: 5px 0;}
.same_box_d ul li .item .item_con h3 span{font-size:2.0rem; font-weight: bold; padding-right: 5px}
.same_box_d ul li .item .item_con p{line-height:180%; color:#888;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; max-height: 43px; }

.same_box_d ul li:hover .item img{animation: imgzoom 0.5s; -moz-animation: imgzoom 0.5s; -webkit-animation: imgzoom 0.5s;  -o-animation: imgzoom 0.5s; animation-fill-mode : forwards }
.same_box_d ul li:hover .item .item_con{animation: fadeInUp 0.5s; -moz-animation: fadeInUp 0.5s; -webkit-animation: fadeInUp 0.5s;  -o-animation: fadeInUp 0.5s; }


/*animation jinlun_e*/
.jinlun_e .box_cover{animation: fadeInLongUp 0.5s; -moz-animation: fadeInLongUp 0.5s; -webkit-animation: fadeInLongUp 0.5s;  -o-animation: fadeInLongUp 0.5s; }

/* jinlun_f */
.jinlun_f{ background: url("../images/ry_bg.jpg") no-repeat; background-size: cover; }

.jinlun_f .scroll_pic {position: relative;clear: both;overflow: hidden;padding: 1rem 1rem 1rem 3rem;}
.jinlun_f .scroll_pic .scroll_box ul{clear: both;overflow: hidden;margin: 0 -1rem;}
.jinlun_f .scroll_pic .scroll_box ul li {float: left; width: 33.333333%; text-align: center;padding: 0 1rem;}
.jinlun_f .scroll_pic .scroll_box ul li .pic_con{clear: both; overflow: hidden;position: relative;padding-bottom:75%; }
.jinlun_f .scroll_pic .scroll_box ul li h3{padding-top:0.5rem; font-size: 1.6rem; color: #fff;}
.jinlun_f .scroll_pic .scroll_box ul li img{max-width: 100%; border: 5px solid #eee;height: 100%; position: absolute; left:0; top:0; cursor: pointer;}
.jinlun_f .scroll_pic .scroll_box ul li img:hover{border-color: #aa6800;} 

.jinlun_f .link_prev,.jinlun_f .link_next {position:absolute;top:50%;margin-top:-15px;left:0;z-index:100;width:30px;height:30px; text-align: center; cursor:pointer;background-color:rgba(0,0,0,0.05); color: #aaa; line-height: 28px; border-radius: 15px;}
.jinlun_f i{font-size: 1.6rem;}
.jinlun_f .link_next {left:auto;right:0;}
.jinlun_f .link_next:hover,.jinlun_f .link_prev:hover{color: #fff;background-color:rgba(0,0,0,0.3);}

/*animation jinlun_f*/
.jinlun_f .box_cover{animation: fadeInLongUp 0.5s; -moz-animation: fadeInLongUp 0.5s; -webkit-animation: fadeInLongUp 0.5s;  -o-animation: fadeInLongUp 0.5s; }


/*animation home_scroll*/
.home_scroll .box_cover{animation: fadeInLongUp 0.5s; -moz-animation: fadeInLongUp 0.5s; -webkit-animation: fadeInLongUp 0.5s;  -o-animation: fadeInLongUp 0.5s; }


/* abouts */
.abouts_bga{background: #fff; }
.abouts .box_con {clear: both; overflow: hidden;position: relative; }
.abouts .box_con .con_pic img{max-width: 100%;border-radius: 20px;}
.abouts .box_con .con_text {line-height: 200%;font-size: 1.6rem;margin-bottom: 1rem;}
.abouts .box_con .con_text p{margin-bottom: 1rem;}
.abouts .box_con .con_tel {font-size: 1.8rem;}
.abouts .box_con .con_tel strong{font-size: 2.4rem;}

.abouts .box_con ul li{ text-align: center;}
.abouts .box_con ul li img{max-width: 96%; padding-bottom: 1rem;}

/*animation abouts*/
.abouts .box_cover {animation: fadeInLongUp 0.5s; -moz-animation: fadeInLongUp 0.5s; -webkit-animation: fadeInLongUp 0.5s;  -o-animation: fadeInLongUp 0.5s; }

.btn_more a{ text-align: center; padding: 1.2rem 3rem; color: #fff; background: linear-gradient(to right, #520092 0 ,#c00 100%);; font-size: 1.6rem; border-radius: 30px;}
.btn_more a:hover{background: #c00;}


/*count_box*/
.count_box{padding:3rem 0 ; margin: 0 5px;}

.count_box ul{clear: both; overflow: hidden;background: #fff; box-shadow:0px 0px 6px #ddd}
.count_box ul li{float: left; width: 25%; text-align: center;}
.count_box ul li .items{position: relative;height: 130px;}
.count_box ul li .items h3{padding-top: 3rem; color:#333;}
.count_box ul li .items h3 span{font-size: 3.8rem; line-height: 100%; font-weight: bold;}
.count_box ul li .items h3 sub{font-size: 1.8rem; vertical-align: middle;}
.count_box ul li .items h2{font-size: 1.6rem; color:#666;}

/* data_ban */
.data_ban{ position: relative; background: url(../images/about_bg.jpg) no-repeat center; background-size: cover; text-align: center; clear: both; overflow: hidden;padding:100px 0 110px;}
.data_ban:before { background: url(../images/xline.png);position: absolute;width: 100%; height: 100%; content: ""; z-index: 0; top: 0; left: 0; opacity: 0;}

.data_ban h2{font-size: 3.9rem;color: #fff; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6); font-weight: bold;}
.data_ban h2 span{ }
.data_ban p{font-size: 2.4rem;color: rgba(255,255,255,0.8); padding-top:0.5rem; content: ""; }

/* pagemenu */
.pagemenu {margin:20px 0; font-size:1.4rem;clear:both; overflow:hidden; text-align:center;}
.pagemenu li{border:#ddd 1px solid; margin-left:5px;color:#333; background:#F2F2F2;display:inline-block;  vertical-align:bottom;}
.pagemenu li a{display: block; padding:0 10px;height:32px; line-height: 30px; }
.pagemenu span{font-family: simsun; font-weight: bold; }
.pagemenu li:hover,.pagemenu li.active {border:#ff5d3e 1px solid;color:#ff5d3e;}
.pagemenu li.current {border:#ff5d3e 1px solid;font-weight:bold;color:#FFF; background:#ff5d3e;pointer-events:none; cursor:default;}
.pagemenu li.disabled {border:#E6E6E6 1px solid; color:#999; pointer-events:none; cursor:default;}
.pagemenu li.text {border:#E6E6E6 1px solid; color:#666; pointer-events:none; cursor:default;}


/*product*/
.productpic{background-image:url(../images/product_ban.jpg);}


/*comments*/
.commentspic{background-image:url(../images/message_ban.jpg);}

.comments_box{padding:30px 0;}

.comments{background-color: #fff; padding: 3rem 3rem 3rem 20rem;}
.comments .comments_desc{color: #005add;}
.comments .form_box{padding:1rem 0;}
.comments .form-group{padding-bottom:1rem; }
.comments input,.comments textarea{ padding:8px 10px; margin-top: 5px; width: 60%; border: 1px solid #ddd;}
.comments img{padding-left: 1rem; vertical-align: bottom; height:30px;}
.comments textarea{min-height: 120px;}

.comments_btn button{display: inline-block; height:50px; line-height: 50px; padding: 0 3.6rem; background-color: #c00; border-radius: 25px; color: #fff; font-size: 1.8rem; border:none;}
.comments_btn button:hover{background-color: #a00;}

.comments_btn button.gray_button{background:#555555;}

/*contactus*/
.contactpic{background-image:url(../images/contact_ban.jpg);}

.contactus{ }

.contactus .contact_map{border: 1px solid #ccc; padding: 5px 5px 0}

.contactus .contact_text { line-height: 180%; font-size: 1.5rem;}
.contactus .contact_text p{margin-bottom: 0.5rem;}

/*aboutpic*/
.aboutpic{background-image:url(../images/about_ban.jpg);}

.photo{padding: 30px 0;}

.photo ul li{ margin-bottom: 2rem;}
.photo ul li .item .item_pic{clear: both; overflow: hidden; position: relative; padding-bottom: 75%;}
.photo ul li .item .samepic{ padding-bottom: 100%;}
.photo ul li .item .item_pic img{width: 100%; position: absolute; top:0; left: 0;}
.photo ul li .item .item_video {clear: both; overflow: hidden; }
.photo ul li .item .item_video video{width: 100%; max-height:210px; }
.photo ul li .item h3{text-align: center; padding: 10px 0; font-size: 1.6rem;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.photo ul li .item p{word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.photo ul li:hover .item img{animation: imgzoom 0.5s; -moz-animation: imgzoom 0.5s; -webkit-animation: imgzoom 0.5s;  -o-animation: imgzoom 0.5s; animation-fill-mode : forwards }


/*animation photo*/
.photo .box_cover{animation: fadeInLongUp 0.5s; -moz-animation: fadeInLongUp 0.5s; -webkit-animation: fadeInLongUp 0.5s;  -o-animation: fadeInLongUp 0.5s; }


/*history*/
.history_box{ background:url("../images/jinlun_bg2.jpg") no-repeat #fff; }
.history { max-width: 600px; margin: 0 auto}
.history .track_cont{ position: relative;padding-top: 20px; padding-left: 20px;border-left: 1px solid #ddd; margin-left: 20px; z-index: 91}
.history .track_cont ul li{ position: relative;line-height: 24px; border-bottom: 1px solid #eee; padding-bottom: 15px ;padding-left: 180px ;  margin-bottom: 15px;}
.history .track_cont ul li b{position: absolute; left: -30px; top:6px; background-color: #ccc; width: 18px; height:18px; display: inline-block; z-index: 93; border-radius: 100%;}
.history .track_cont ul li .track_year{ position: absolute; left: 0; top:0; color: #666; text-align: left;width: 100px;z-index: 92; font-size: 1.8rem; line-height: 180%;}
.history .track_cont ul li .year_cont{ line-height: 180%; font-size: 1.6rem; text-align: left;}
.history .track_cont ul li.track_now .year_cont,.history .track_cont ul li.track_now .track_year{ color: #c00a00; }
.history .track_cont ul li.track_now b{ background-color: #c00a00;left: -32px; top:3px;  width: 22px; height:22px; }


/*news*/
.newspic{background-image:url(../images/news_ban.jpg);}

.sys_news{padding:10px 0 30px;}
.sys_news .sys_news_list{padding: 20px 0 10px; }

.sys_news_list ul li{position: relative; margin-bottom: 20px; background-color: #fff; padding: 20px; border: 1px solid #eee;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s; transition: all ease-in-out .3s; }
.sys_news_list ul li .item{position: relative; min-height: 150px;}
.sys_news_list ul li .item .pic{position: absolute; left: 0px; top: 0;display: block; width: 200px;line-height: 30px;color: #666;text-align: center; background-color: #f2f2f2;}
.sys_news_list ul li .item .pic .pic_box{position: relative; padding-bottom: 75%; background-color: #fff; }
.sys_news_list ul li .item .pic img{max-width: 100%;height: 100%; position: absolute; left:0; top:0; }

.sys_news_list ul li .item .text {margin-left: 220px;}
.sys_news_list ul li .item .text h3{ font-size: 1.8rem;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; line-height: 200%;}
.sys_news_list ul li .item .text p{line-height: 180%;color: #999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.sys_news_list ul li .item .text h5{color: #999; padding-top: 1rem;}


.sys_news .sys_news_list ul li:hover {border-color: #f60;}

 
/* news_detail_box */
.news_detail_box{background-color: #fff; padding: 30px 0}
.news_detail{clear:both; overflow:hidden; }
.news_detail .detail_tit{ border-bottom:1px dotted #d8d8d8;text-align:center;}
.news_detail h1{ font-size:3rem;  line-height: 150%; padding:10px 0; }
.news_detail .detail_bar{line-height:150%; padding-bottom:20px; color: #666}
.news_detail .detail_bar > span{padding:0 10px;}
.news_detail .desc_tag a{padding-left:10px;}
.news_detail .desc_tag a:nth-child(1){padding-left:0;}

.news_detail .detail_pic {padding: 20px 0;  text-align:center;clear:both; overflow:hidden; }
.news_detail .detail_pic img {max-width: 100%;}

.news_detail .detail_ban h2{max-width: 100%; height: 50px; line-height: 50px; background-color: #aa6800; color: #fff; font-size: 1.8rem; padding-left: 2rem; font-weight: bold;}

.news_detail .detail_con{padding: 20px 0; line-height:200%;word-break: break-word; font-size: 1.8rem;}
.news_detail .detail_con img{max-width: 100%; height: auto;}
.news_detail .detail_con p{word-break: break-word;}

/*share*/
.share_box{ margin-top:10px;border-top:1px solid #d8d8d8; padding: 20px 0 0; text-align: right;}
.share_box ul{word-spacing: -6px;}
.share_box ul li{display: inline-block; margin-left:10px; position: relative;word-spacing: 0; vertical-align: middle;z-index: 2;}
.share_box ul li a{display:block; background-image: url(../images/share.png); border-radius: 19px; width: 38px; height: 38px;position: relative;z-index: 2;}

.share_box ul li.colora a{background-color: #35bd51;background-position: 0 0; }
.share_box ul li.colorb a{background-color: #dc3c3c;background-position: -36px 0; }
.share_box ul li.colorc a{background-color: #3c9adc;background-position: -72px 0;  }
.share_box ul li.colord a{background-color: #fab619;background-position: -108px 0;  }

.share_box ul li a i{font-size: 2.4rem;color: #fff;position: relative;}

.share_box ul li .s_weixin_code{position: absolute; bottom:43px; left:50%; margin-left: -68px; text-align: center;background-color: #fff;  z-index:999;opacity: 0;-webkit-transition: all ease-in .3s;-o-transition: all ease-in .3s; transition: all ease-in .3s;overflow: hidden; height: 0; min-width: 121px;}
.share_box ul li .s_weixin_code #qrcode{padding: 5px 5px 0; border: 1px solid #eee; border-bottom:none; }
.share_box ul li .s_weixin_code p{padding: 5px 0 ; border: 1px solid #eee;border-top:none;}

.share_box ul li.colora:hover .s_weixin_code{opacity: 1; height:auto;}

.share_box ul li a:after{position: absolute; width:100%; bottom: 0; left: 0; height:0; background: rgba(255,255,255,0.30); content: "";-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s; transition: all ease-in-out .3s; z-index: 0; border-radius: 50%}
.share_box ul li:hover a:after{ height:100%;}

.detail_next{ margin-top:10px; line-height:30px;padding: 20px 0;}
.detail_next ul{ clear: both; overflow: hidden;}
.detail_next ul li{ width:50%;min-height:1px;padding-left: 1rem;padding-right: 1rem;float: left;}
.detail_next ul li a{max-width:100%; display: inline-block; border:1px solid #ccc; padding: 5px 20px; border-radius: 100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.lb_wrap{display:none;}
.lightbox_bg{background:#000;filter:alpha(opacity=70);opacity:.7;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;}
.lightbox{position:absolute;left:0;top:50%;width:100%;z-index:2;text-align:center;}
.lightbox p{position:absolute;height:61px;width:38px;top:50%;left:0;z-index:2;background:transparent url(../images/38ba262ea4d84e738b354f49601ccd29.gif) no-repeat left top;margin-top:-30.5px;cursor:pointer;}
.lightbox p.next{left:auto;background-position:right top;right:0;}


.bg_write{background:#fff;}
.no_bg{background:none;}
.no_bg .box_tit h2{color: #a100c3}
.no_bg .box_tit p{color: #666}

.other_info{ background: #fff; border-top: 1px solid #ddd; padding: 20px 0;}
.other_info h2{ font-size: 1.8rem; font-weight: bold; text-align: center; padding-bottom: 20px;}