a:hover {text-decoration: none; color:#ff6200}
a {transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;}

/*头部样式*/
#header {position: relative;}
#header .logo {}
#header .tel {}
#header .menu_icon {position: absolute;top: 35%;right: 5%;width: 8%;}
@media all and (max-width: 992px) {
	#header .logo{ height:70px;}
	.logo img{ max-height:100%;max-width:none}
}

/*pc导航*/
.pc_menu .menu .nLi {float: left;width: 14%;position: relative;}
.pc_menu .menu .nLi h3 {padding: 40px 0 25px; font-size:16px;}
.pc_menu .menu .nLi h3 a {display: block;text-align: center;color: #181818;line-height: 30px;}
.pc_menu .menu .nLi .menu_2 {display: none;background: #333f48;position: absolute;top: 95px;width: 100%;z-index: 10;padding:10px 0;}
.pc_menu .menu .nLi .menu_2 li a {display: block;color: #fff;line-height:24px;text-align: center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.pc_menu .menu .nLi:hover{ background-color:#ff6200;}
.pc_menu .menu .nLi:hover .menu_2:before{ display:block; content:" "; position:absolute; top:-8px; left:50%; margin-left:-8px;width:17px; height:8px; background:url(../images/nav_hover.jpg) no-repeat top center}
.pc_menu .menu .nLi:hover a{ color:#fff}

/*大图样式*/
#banner {position: relative; overflow: hidden;}
#banner .owl-theme .owl-controls .owl-dots {position: absolute;bottom: 2%;width: 100%;}/*大图下方点点的位置*/
#banner .owl-theme .owl-controls .owl-nav .owl-prev,#banner .owl-theme .owl-controls .owl-nav .owl-next{ position:absolute; bottom:50%;padding:15px 10px}/*箭头的设置*/
#banner .owl-theme .owl-controls .owl-nav .owl-prev{ left:5%;}
#banner .owl-theme .owl-controls .owl-nav .owl-next{ right:5%;}
#banner #owl-demo a.item { display:block; background-position:top center; background-repeat:no-repeat;height: 100%;width: 100%; background-size:auto 100%}
#owl-demo,#owl-demo .owl-wrapper-outer,#owl-demo .owl-wrapper,#owl-demo .owl-item,#banner {height: 735px;}/*大图记得修改高度*/

@media all and (max-width: 992px) {
  #owl-demo,#owl-demo .owl-wrapper-outer,#owl-demo .owl-wrapper,#owl-demo .owl-item,#banner {height: 400px;}
}
@media all and (max-width: 640px) {
  #owl-demo,#owl-demo .owl-wrapper-outer,#owl-demo .owl-wrapper,#owl-demo .owl-item,#banner {height: 200px;}
}


/*pc右侧快捷按钮*/
.right_nav {}
.right_nav .aside li > p{background-color: #333f48;color: #fff;}
.right_nav .aside li:hover > p{background-color: #ff6200;}
.right_nav .aside > li > div{background-color: #ff6200;color: #fff;}
.right_nav .aside {position: fixed;right: 0;top: 20%;z-index: 10000;}
.right_nav .aside > li {width: 60px;line-height: 60px;text-align: center;margin-bottom: 2px;cursor: pointer;position: relative;}
.right_nav .aside > li > p {position: relative;z-index: 1005;line-height: 60px;}
.right_nav .aside > li img {vertical-align: middle;}
.right_nav .aside > li p img {width: 80%;}
.right_nav .aside > li p:hover img {width: 85%;}
.right_nav .aside > li .img2 {display: none;}
.right_nav .aside > li > div {position: absolute;display: none;}
.right_nav .aside > li .phone_meassage {right: -240px;top: 0;width: 300px;text-align: center;font-size: 25px;line-height: 50px;padding: 5px 0;}
.right_nav .aside > li .qq_online {top: 0;right: -127px;width: 187px;padding: 0 20px 0 15px;}
.right_nav .aside > li .qq_online .qq_online_title {text-align: left;font-size: 15px;line-height: 30px;border-bottom: 1px solid #fff;}
.right_nav .aside > li .qq_online .qq_online_box {margin-top: 11px;}
.right_nav .aside > li .qq_online .qq_online_box ul li {line-height: 35px;}
.right_nav .aside > li .qq_online .qq_online_box ul li a{ color:#fff}
.right_nav .aside > li .qq_online .qq_online_box ul li i {float: left;margin-top: -17px;}
.right_nav .aside > li .qq_online .qq_online_box ul li span {float: left;margin-top: -16px;margin-left: 10px;}
.right_nav .aside > li .qq_online .qq_online_box ul li span:hover {text-decoration: underline;}
.right_nav .aside > li .ewm {top: -20px;right: 60px;width: 100px;height: 100px;}
.right_nav .aside > li .search_box {position: absolute;top: 0;right: -205px;width: 265px;text-align: center;height: 100%;}
.right_nav .aside > li .search_box .search_input {width: 220px;height: 36px;position: relative;margin: 12px auto;}
.right_nav .aside > li .search_box .search_input span {position: absolute;line-height: 34px;left: 10px;z-index: 101;}
.right_nav .aside > li .search_box .search_input input {width: 220px;border: none;background-color: transparent;height: 36px;padding-left: 10px;position: absolute;line-height: 30px;z-index: 1;top: 0;left: 0;background: url(../images/global/black_bg.png);}
.right_nav .aside > li .search_box ::-webkit-input-placeholder {color: #fff;}


/*底部样式*/
#footer .friendship {background:url(../images/friendlink_bg.jpg) no-repeat center; height:83px; line-height:90px; padding-left:60px; color:#fff; font-size:16px;}
#footer .friendship a {padding: 0 30px; color:#fff;font-size:16px;}

#footer .copyright {background: #333f48;text-align: center;padding-bottom: 10px; padding-top:10px;position: relative;}
#footer .copyright .copyright_con {color: #fff; }
#footer .copyright .copyright_con a{ color:#fff}

#footer .copyright .top {position: absolute;right: 10px;top: -15px;width: 30px;height: 30px;border-radius: 50%;z-index: 10;}
#footer .copyright .top img {width: 80%;top: 2px;z-index: 100;position: absolute;left: 3px;}
#footer .copyright .top:before {background-image: url(../images/global/black_bg.png);display: block;content: " ";border-radius: 50%;z-index: 99;position: absolute;top: 0;left: 0;width: 30px;height: 30px;}

/*wap底部快捷按钮*/
.wap_footer {width: 100%;position: fixed;left: 0;bottom: 0;padding: 7px 0;z-index: 1000;background: #333f48;}
.wap_footer dl {width: 20%;float: left;text-align: center; margin-bottom:0;}
.wap_footer dt {height: 33px;}
.wap_footer dd {color: #cccccc;}
.wap_footer dl dt img {width: 40%;}

/*手机底部搜索*/
.wap_search_input {position: fixed;bottom: 65px;left: 100%;width: 100%;z-index: 1000;padding: 8px 2%;background: #9e845a;}
.wap_search_input:after {background-color: rgba(0, 0, 0, 0.1);display: block;content: " ";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;}
.wap_search_input input {float: left;width: 80%;border-radius: 4px;height: 30px;line-height: 30px;padding-left: 2%;color: #333;position: relative;z-index: 100;box-sizing: border-box;}
.wap_search_input p {float: left;height: 30px;line-height: 30px;color: #fff;position: relative;z-index: 100;margin-left: 2%;width: 18%;text-align: center;border-radius: 5px;background: rgba(255, 255, 255, 0.2);}

/*黑色遮罩*/
.black_cloth {position: fixed;z-index: 10000000;width: 100%;height: 100%;background: url(../images/global/black_cloth.png) repeat;display: none;top: 0;left: 0;}

/*手机左边弹出导航*/
.wap_menu {width: 250px;position: fixed;top: 0px;left: -250px;height: 100%;text-align: left;z-index: 10000001;background: #333f48;}
.wap_menu li.menu_tit {font-size: 18px;font-weight: bold;background: rgba(255, 255, 255, 0.3);position: relative;padding: 15px 10px;color: #fff;}
.wap_menu li.menu_tit span {font-size: 20px;position: absolute;top: 12px;right: 15px;border-bottom: none;z-index: 1000;}
.wap_menu li {margin-bottom: 2px;font-size: 14px;position: relative;}
.wap_menu li .wap_menu1 {line-height: 24px;font-size: 16px;text-transform: Uppercase;background: rgba(255, 255, 255, 0.1);position: relative;}
.wap_menu li p {padding: 10px 10px; margin-bottom:0;}
.wap_menu li .wap_menu1 a {display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-right: 25px;color: #ffffff;}
.wap_menu li .wap_menu1 p.left {float: none;}
.wap_menu li .wap_menu1 p.right {width: 15%;text-align: center;color: #fff;position: absolute;top: 0;right: 0;float: none;z-index: 1000;}
.wap_menu li .wap_menu2 {display: none;}
.wap_menu li .wap_menu2 a {display: block;background: none;color: rgba(255, 255, 255, 0.8);overflow: hidden;font-size: 14px;border-bottom: rgba(255, 255, 255, 0.1) solid 1px;padding: 10px;}
.wap_menu li .wap_menu2 a i {float: left;width: 4px;height: 4px;background-color: #fff;margin: 8px 10px 0 5px;}
.wap_menu li .wap_menu2 a span {float: left;width: 85%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.crumb{ text-align:right; height:70px; line-height:70px; background:#ff6200;box-shadow: 20px 5px 5px #ddd; color:#ebebeb}
.crumb a{color:#ebebeb}
.crumb span{ background:url(../images/crumb_ico.jpg) no-repeat left center; padding-left:30px; background-size:auto 100%; color:#ebebeb}
/*pc侧边栏分类样式*/
._aside { width:220px; float:left; margin-bottom:30px;}
._aside > h2 { position:relative; height:130px; margin-top:-50px; padding:0 10px; }
._aside > h2 em{ position:absolute; width:580px; background:#333f48; height:100%; left:-390px; }
._aside > h2 span{ position:relative; z-index:10; color:#fff; font-size:24px;}
._aside > h2 .en{ font-size:26px; color:#a1a3a6;text-transform:Uppercase; display:block;padding-top:25px;}
._aside > h2 .en i{ font-size:32px; font-style:normal; font-weight:bold; margin-right:4px;}
._aside > h2 .ch{ text-align:right; display:block;  margin-top:6px; position:relative}
._aside > h2 .ch:before{display:block; content:" "; position:absolute; top:50%; left:0;width:100%; height:2px; background:#a1a3a6}
._aside > h2 .ch en{ background:#333f48; padding-left:15px; position:relative; z-index:10; padding-right:25px;}
/*一级的样式*/
 ._aside ul.sidemenu > li.sub1{ border:solid 1px #d9d9d9; text-align:center; margin-top:15px; }
._aside ul.sidemenu > li.sub1>ul { margin:10px 0}
._aside ul.sidemenu > li.sub1 ul{display: none;}
._aside ul.sidemenu > li.sub1 > a.sub1_a {display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-size:16px; padding:15px;}
._aside ul.sidemenu > li.current > a.sub1_a,._aside ul.sidemenu > li:hover > a.sub1_a { background:#ff6200; color:#fff}
/*二级的样式*/
._aside ul.sidemenu > li.sub1 > ul > li.sub2 > a.sub2_a {display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; height:34px; line-height:34px; font-size:16px;}
._aside ul.sidemenu > li.sub1 > ul > li.sub2.current > a.sub2_a,._aside ul.sidemenu > li.sub1 > ul > li.sub2:hover  > a.sub2_a{color: #ff6200;}

/*三级的样式*/
._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul > li.sub3 > a.sub3_a {display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; height:30px; line-height:30px; font-size:14px;}
._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul > li.sub3.current > a.sub3_a,._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul > li.sub3:hover > a.sub3_a{color: #ff6200}

.main{ margin-bottom:30px;}
.article{ padding-top:15px; width:100%}
@media (max-width: 640px) {
	#footer .copyright {background: #ff6200}
._aside > h2 .en{ font-size:16px; display:inline; float:left; padding-top:0; height:30px; line-height:30px; }
._aside > h2 .en i{ font-size:20px;margin-right:0}
  ._aside > h2 {  background:#333f48; height:30px; line-height:30px; margin-top:0;}
  ._aside {padding: 0; width:100%; margin-bottom:0}
  /*手机内页crumb*/
  ._aside > h2 .ch{ display:inline; float:left; margin-top:0 ;height:30px; line-height:30px;}
._aside > h2 .ch en{ font-size:16px; color:#fff; font-weight:bold; display:inline;  position:relative; background:none}
._aside > h2 .ch:before{ display:none;}
  ._aside h2 .phone-menuicon {float: right;cursor: pointer;height:27px;}
  ._aside h2 .phone-menuicon img {-webkit-transition: all .4s;transition: all .4s;}
  /*手机内页分类下拉列表*/
  ._aside ul.sidemenu {width: 94%;display: none; margin:auto; }
  
  /*一级的样式*/
  ._aside ul.sidemenu > li.sub1>ul { margin:5px 0}
  ._aside ul.sidemenu > li.sub1{ margin-top:3px}
  
  ._aside ul.sidemenu > li.sub1 > a.sub1_a { background:#CCC; font-size:14px; padding:8px 15px}
  ._aside ul.sidemenu > li.current > a.sub1_a,._aside ul.sidemenu > li:hover > a.sub1_a { color:#ff6200}
  /*二级的样式*/
  ._aside ul.sidemenu > li.sub1 > ul > li.sub2 > a.sub2_a {font-size:14px; height:22px; line-height:22px;}
  /*三级的样式*/
  ._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul > li.sub3 > a.sub3_a { height:22px; line-height:22px;}
  #header .menu_icon img {width: 100%;}
}

/*新闻详情页样式，若不需要请删除*/
.news_detail .title {padding-bottom: 10px;border-bottom: dashed 1px #aaa;text-align: center;}
.news_detail .title h3 {font-size:16px;font-weight: bold;text-align: center;margin-bottom: 5px;line-height:35px}
.news_detail .title .box {display: inline-block;text-align: center;}
.news_detail .title .box img {width: 15px;height: 15px;display: inline-block;margin: 0 5px;vertical-align: middle;}
.news_detail .title .box div {margin-right: 5px;}
.news_detail .title .box .time {float: left;text-align: center;}
.news_detail .title .box .eye {float: left;text-align: center;}
.news_detail .title .box .back {float: left;}
.news_detail .news_detail_content {margin-top: 15px;}
.news_detail .pageTurning {margin-top: 15px;}
.news_detail .pageTurning .prevs,
.news_detail .pageTurning .nexts {background: #ddd;line-height:250%;padding:0 10px;}
.news_detail .pageTurning .prevs {margin-bottom: 5px;}


/*产品详情页样式，若不需要请删除*/
.product_detail .title {padding-bottom: 10px;border-bottom: dashed 1px #aaa;text-align: center;}
.product_detail .title h3 {font-size:120%;font-weight: bold;text-align: center;margin-bottom: 5px;line-height:35px;}
.product_detail .title .box {display: inline-block;text-align: center;}
.product_detail .title .box img {width: 15px;height: 15px;display: inline-block;margin: 0 5px;vertical-align: middle;}
.product_detail .title .box .back {float: left;}
.product_detail .product_detail_images {padding-top: 15px;text-align: center;position: relative;}
.product_detail .product_detail_images .product_detail_btn2 {position: absolute;right: 2%;top: 48%;background:url(../images/global/rgb0.3.png);z-index: 100;font-size:0;}
.product_detail .product_detail_images .product_detail_btn1 {position: absolute;left: 2%;top: 48%;background:url(../images/global/rgb0.3.png);z-index: 100;font-size:0}
.product_detail .product_detail_images .product_detail_btn1 a img,.product_detail .product_detail_images .product_detail_btn2 a img{  margin: 10px 5px;}
.product_detail .product_detail_images .owl-carousel .owl-item img {width:auto;  margin: auto;cursor: pointer;max-width:100%;}
.product_detail .product_detail_images .owl-theme .owl-controls {position: absolute;bottom: 2%;width: 100%;}
.product_detail .product_detail_images .product_detail_img {width: 80%;margin: 0 auto;}
.product_detail .product_detail_content {margin-top: 20px;margin-bottom: 20px;}
.product_detail .pageTurning {margin-top: 15px;}
.product_detail .pageTurning .prevs,
.product_detail .pageTurning .nexts {background: #ddd;line-height:250%;padding:0 10px;}
.product_detail .pageTurning .prevs {margin-bottom: 5px;}
 .pswp__bg{ background:url(../images/global/rgb0.8.png)}
 
 
 
 .page_box {
    text-align: center;
    display: block;
}
/*当前页的样式*/
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ background:#aaa; border-color:#aaa}
/*分页块默认样式*/
.pagination > li > a, .pagination > li > span{ color:#666}
.pagination > li > a:hover, .pagination > li > span:hover{color:#666}


.list-img {
  margin: 0 -7.5px;
}
.list-img > ul > li {
  text-align: center;
  padding: 0 7.5px;
  margin-bottom: 30px;
}
.list-img > ul > li a .text_area {
  color: #000;
  line-height: 250%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.list-img > ul > li a:hover .text_area{ text-decoration:underline}
.list-img > ul > li a .img_area{width:100%;border:solid 1px #999; position:relative }
.list-img > ul > li a .img_area img{ max-width:100%; max-height:100%; top:0;left:0;right:0;bottom:0; position:absolute; margin:auto}

.quik_btn{ background:#ff6200; position:relative;box-shadow: 0 5px 5px #ccc;}
.quik_btn .quik_con{ position:absolute; left:0; width:30% ; background: url(../images/contact_ico.jpg) no-repeat 20% center #333f48; height:172px; top:40px;}
.quik_btn .quik_con p{ text-align:left; color:#fff; float:right; padding-top:55px;}
.quik_btn .quik_con p span{ font-size:16px; display:block; color:#cbcdcf; margin-bottom:8px;}
.quik_btn .quik_con p b{ font-size:28px; font-weight:bold}
.quik_btn .container ul{ width:80%; margin-left:20%;}
.quik_btn .container ul li{ float:left; width:25%; text-align:center; padding:40px 0; background:url(../images/top_link_bg.jpg) repeat-y right}
.quik_btn .container ul li a{ font-size:18px; color:#fff}
.quik_btn .container ul li a img{ margin-bottom:10px;}
@media (min-width: 960px)and (max-width: 1400px) {
.quik_btn .quik_con{ width:23% ;background: #333f48; }
}
@media  (max-width: 960px) {
	.quik_btn .container ul{ width:100%; margin:0}
.quik_btn .container ul li{ width:50%; }
.quik_btn .container ul li:nth-child(2n){ background:none}
}


.index_box .title .en{ font-size:32px; color:#333f48;text-transform:Uppercase; display:block}
.index_box .title .en i{ font-size:50px; font-style:normal; font-weight:bold; margin-right:4px;}
.index_box .title .ch{ font-size:26px; color:#333f48; font-weight:bold; display:block;  position:relative}


.about{ margin-top:140px; background:url(../images/about_img.jpg) no-repeat right bottom; background-size:35% auto; position:relative; margin-bottom:160px;}
.about:before{display:block; content:" "; position:absolute; bottom:-60px; right:0;width:65%; height:10px;background:#ff6200}
.about .title{ position:relative; padding:30px 0 0 40px}
.about .title:before{ position:absolute;content:" "; position:absolute; top:0%; left:0;width:270px; height:10px; background:#ff6200}
.about .title:after{ position:absolute;content:" "; position:absolute; top:0%; left:0;width:10px; height:135px; background:#ff6200}
.about .title .en{ font-size:32px; color:#333f48;text-transform:Uppercase}
.about .title .en i{ font-size:50px; font-style:normal; font-weight:bold; margin-right:4px;}
.about .title .ch{ padding-left:100px;font-size:26px; color:#333f48; font-weight:bold; display:block; padding-left:100px; position:relative}
.about .title .ch:before{ position:absolute;content:" "; position:absolute; top:50%; left:0;width:80px; height:2px; background:#333f48}
.about .inner p{ line-height:30px; height:210px; overflow:hidden; color:#666; margin-top:50px;}
.about .inner .more{ margin-top:50px;}
.about .inner .more a{ width:180px; height:50px; line-height:50px; display:block; text-align:center; border:solid 2px #e6e6e6; font-size:16px}

.product{ position:relative}
.product .title { position:relative; padding-left:40px; margin-left:42%; display:block; width:45%;padding-top:50px; margin-bottom:100px; }
.product .title .more{ position:absolute; left:200px; width:180px; height:50px; line-height:50px; text-align:center; background:#333f48; bottom:-57px }
.product .title .more a{color:#fff;text-transform:Uppercase}
.product .title:before{ display:block; content:" "; position:absolute; top:0; left:0;width:170px; height:230px; border:solid 3px #ff6200}
.product .title .ch{ background:#fff; z-index:10; padding-bottom:15px;}
.product .title .en{ background:#fff; z-index:10; position:relative; }
.product .title .ch b{ position:relative; }
.product .title .ch b:before{position:absolute;content:" "; position:absolute; top:50%; left:0;width:80px; height:2px; background:#333f48}
.product .pro_ad{ position:absolute; width:40%; left:0; top:50px; overflow:hidden;background:url(../images/pro_ad.jpg) no-repeat center; background-size:100% auto}
.product .inner ul li{ padding-left:7.5px; padding-right:7.5px; margin-bottom:14px;}
.product .inner ul li  .img_area{ position:relative; width:100%; }
.product .inner ul li  .img_area img{ max-width:100%; max-height:100%; top:0;left:0;right:0;bottom:0; position:absolute; margin:auto}
.product .inner ul li  .img_area p{  width:80%; height:80%; background:rgba(255,100,0,0.8); position:absolute;top:10%; left:10%; z-index:10; color:#fff; font-size:16px; font-weight:bold; text-align:center; padding:38% 20px 0 20px;display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;transform:scale(0);-webkit-transform:scale(0);-moz-webkit-transform:scale(0);}
.product .inner ul li:hover  .img_area p{ transform:scale(1);-webkit-transform:scale(1);-moz-webkit-transform:scale(1);}

.news{ margin-top:100px; background:#333f48; padding-top:50px;}
.news .title{ margin-bottom:30px;}
.news .title .en{ display:inline}
.news .title .ch{ color:#fff; font-size:26px; font-weight:normal; display:inline; margin-left:10px; position:relative}
.news .title span,.news .title .en{ color:#fff}
.news .title .ch:before{display:block; content:" "; position:absolute; top:50%; background:#fff; right:-100px;width:80px; height:2px;}
.news .inner{ position:relative; padding-top:60px;}
.news .inner:before{display:block; content:" "; position:absolute; top:0; left:0;width:50%; height:100%; background:#ff6200; z-index:10}
.news .inner .pic_area{ padding:0}
.news .inner ul{ padding-bottom:30px;}
.news .inner ul li{ margin-bottom:30px; position:relative; z-index:11}
.news .inner ul li .text_area .date{ width:100px; height:100px; border:solid 1px #fff; text-align:center;display: table-cell;vertical-align: middle;}
.news .inner ul li .text_area .date_area{ position:relative}
.news .inner ul li .text_area .date_area:before{display:block; content:" "; position:absolute; top:50%; left:120px;width:30%; height:1px; background:#fff;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;}
.news .inner ul li:hover .text_area .date_area:before{width:70%;}
.news .inner ul li .text_area .date .day{ font-size:30px; color:#fff; display:block; margin-bottom:8px;}
.news .inner ul li .text_area .date .year{ display:block; font-size:14px; font-weight:bold; color:#fff}
.news .inner ul li .text_area .list_title{ margin:20px 0 10px 0}
.news .inner ul li .text_area .list_title a{ font-size:16px; font-weight:bold; color:#fff;}
.news .inner ul li .text_area .list_des{ color:#ebebeb; line-height:25px; height:50px; overflow:hidden}
.news .inner ul li .text_area .list_more{ width:140px; height:40px; line-height:40px; text-align:center; background:#333f48;text-transform:Uppercase; margin-top:25px; float:right}
.news .inner ul li .text_area .list_more a{ color:#fff}
.news .inner ul li .pic_area img{transition: all linear 1s;-webkit-transition: all linear 1s;-moz-transition: all linear 1s;}
.news .inner ul li .pic_area{ overflow:hidden}
.news .inner ul li:hover .pic_area img{transform: scale(1.08,1.08);-moz-transform: scale(1.08,1.08);-webkit-transform: scale(1.08,1.08);}
.news .inner ul li.news_even .text_area{ float:right}
.news .inner ul li.news_even .date_area{ text-align:right; display:table; width:100%}
.news .inner ul li.news_even .text_area .date_area:before{ right:120px; left:auto}
.news .inner ul li.news_even .text_area .list_more{ background:#ff6200; float:left}
.news .more{ background:#fff; position:relative}
.news .more a{ display:block; width:220px; height:60px; line-height:60px; text-align:center; color:#fff; font-size:16px;text-transform:Uppercase; margin-left:52%; background:#333f48; margin-top:30px;}
.news .more a:hover{ text-decoration:underline}

.case{ margin-top:90px; margin-bottom:50px;}
.case .title{ text-align:center; margin-bottom:35px;}
.case .title .en{ text-align:center; color:#333f48; font-size:32px;text-transform:Uppercase; display:block; font-weight:bold}
.case .title .ch b{ font-size:26px;color:#333f48; background:#fff; padding:0 15px; font-weight:normal; position:relative; z-index:10 }
.case .title .ch{ position:relative; display:block}
.case .title .ch:before{display:block; content:" "; position:absolute; top:50%; left:50%; margin-left:-15%;width:30%; height:2px; background:#333f48}
.case .inner ul li{ text-align:center; padding-left:7.5px; padding-right:7.5px; margin-bottom:15px;}
.case .inner ul li a .img_area{ position:relative; border:solid 1px #CCC; margin-bottom:10px; }
.case .inner ul li a .img_area img{ max-width:100%; max-height:100%; top:0;left:0;right:0;bottom:0; position:absolute; margin:auto}


@media (max-width: 640px) {
.quik_btn .container ul li{    padding:4px 0 10px 0;}
.quik_btn .container ul li a{ font-size:14px; width:40%; display:block; margin:auto}
.quik_btn .container ul li a img{  display:block; margin:auto; width:50%}
.quik_btn .container{ padding-left:0; padding-right:0}
.quik_btn .container ul li:nth-child(1),.quik_btn .container ul li:nth-child(2){ border-bottom:solid 1px #fd7f04}
.quik_btn .container ul li:nth-child(3),.quik_btn .container ul li:nth-child(4){ border-top:solid 1px #cc4e00}
.about{ margin-top:35px; margin-left:15px; margin-right:15px; margin-bottom:80px;}
.about .title .en{ font-size:20px;}
.about .title .en i{ font-size:24px; margin-right:0}
.about .title .ch{ font-size:20px;}
.about .title:after{ height:90px;}
.about .inner{ margin-left:-15px; margin-right:-15px}
.about .inner p{ margin-top:20px;}
.about .inner .more a{ width:130px; height:30px; line-height:30px; font-size:14px;}
.about:before{ width:90%; bottom:-40px;}
.about .inner .more{ margin-top:25px;}

.product .title{ padding:0; padding-top:20px; padding-left:20px; margin:0 auto; width:70%; height:120px;}
.product .title .en,.index_box .title .en{ font-size:20px; }
.index_box .title .en i{ font-size:25px;margin-right:0}
.product .title:before{ height:120px; width:100px;}
.product .title .ch{ font-size:20px;}
.product .title .more{ width:120px; height:30px; line-height:30px; bottom:0; left:120px; z-index:100}
.product .pro_ad{ height:186px; margin:15px 0; position:inherit; display:block; width:100%; top:0}
.product .inner ul{ margin-left:-7.5px; margin-right:-7.5px;}
.news{ margin-top:15px;}

.news .inner ul li .text_area .date{ width:60px; height:60px;}
.news .inner ul li .text_area .date .day{ font-size:18px; margin-bottom:2px;}
.news .inner ul li .text_area .date .year{ font-size:12px;}
.news .inner ul li .text_area .list_title a{ font-size:14px; height:40px; line-height:20px; overflow:hidden; display:block}
.news .inner ul li .text_area .list_title{ margin:10px 0 5px 0}
.news .inner ul li .pic_area{ margin-top:5px;}
.news .inner ul li .text_area .date_area:before{ width:50%; left:80px;}
.news .inner ul li.news_even .text_area .date_area:before{right:80px;}
.news .more a{ width:140px; height:40px; line-height:40px;}

.case{ margin-top:20px; margin-bottom:20px;}
.case .title .en{ font-size:20px;}
.case .title .ch b{ font-size:20px;}
.case .title .ch:before{ width:80%; margin-left:-40%;}
}


.list_img_text ul li{ margin-top:30px; position:relative; z-index:11; padding-bottom:25px;border-bottom:solid 1px #e0e0e0}
.list_img_text ul li .text_area{ padding:0}
.list_img_text ul li .text_area .date{ width:140px; height:55px; line-height:55px;  border:solid 1px #cccccc; text-align:center;}
.list_img_text ul li .text_area .date_area{ position:relative; margin-top:4px; }
.list_img_text ul li .text_area .date_area:before{display:block; content:" "; position:absolute; top:50%; left:40%;width:30%; height:1px; background:#ccc;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;}
.list_img_text ul li:hover .text_area .date_area:before{width:70%;}
.list_img_text ul li .text_area .date .day{ font-size:30px; float:left;height:55px; line-height:55px;}
.list_img_text ul li .text_area .date .year{font-size:14px; float:left; height:55px; line-height:55px; margin-left:15%  }
.list_img_text ul li .text_area .list_title{ margin:14px 0 7px 0;width:90%; text-align:left}
.list_img_text ul li .text_area .list_title a{ font-size:16px; font-weight:bold; }
.list_img_text ul li .text_area .list_des{ color:#666; line-height:22px; height:44px; overflow:hidden; padding-right:15px;}
.list_img_text ul li .pic_area img{transition: all linear 1s;-webkit-transition: all linear 1s;-moz-transition: all linear 1s;}
.list_img_text ul li .pic_area{ overflow:hidden; padding:0}
.list_img_text ul li:hover .pic_area img{transform: scale(1.08,1.08);-moz-transform: scale(1.08,1.08);-webkit-transform: scale(1.08,1.08);}
.list_img_text ul li.news_even .text_area{ float:right; padding:}
.list_img_text ul li.news_even .date_area{ text-align:right; display:table; width:100%}
.list_img_text ul li.news_even .text_area .date_area:before{ right:40%; left:auto}
.list_img_text ul li.news_even .text_area .date{ float:right;}
.list_img_text ul li.news_even .text_area .list_title{ text-align:right; margin-left:10%}
.list_img_text ul li.news_even .text_area .list_des{ padding-left:15px; padding-right:0; text-align:right}

.list-text ul li{ margin-bottom:20px; padding-bottom:20px; border-bottom:solid 1px #ccc}
.list-text ul li .date{ width:140px; height:55px; line-height:55px;  border:solid 1px #cccccc; text-align:center;}
.list-text ul li:hover .date{ background:#ff6200; border:solid 1px #ff6200; }
.list-text ul li .date_area{ position:relative; margin-top:4px; }
.list-text ul li .date_area:before{display:block; content:" "; position:absolute; top:50%; left:160px;width:30%; height:1px; background:#ccc;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;}
.list-text ul li:hover .date_area:before{width:70%;background:#ff6200;}
.list-text ul li .date .day{ font-size:30px; float:left;height:55px; line-height:55px;}
.list-text ul li .date .year{font-size:14px; float:left; height:55px; line-height:55px; margin-left:15%  }
.list-text ul li:hover .date .day{ color:#fff}
.list-text ul li:hover .date .year{color:#fff  }
.list-text ul li:hover .list_title a{ color:#ff6200}

.list-text ul li .list_title{ margin:14px 0 7px 0;width:90%; text-align:left}
.list-text ul li .list_title a{ font-size:16px; font-weight:bold; }
.list-text ul li .list_des{ color:#666; line-height:22px; height:44px; overflow:hidden; padding-right:15px;}

.search_list ul li{ height:60px; line-height:60px; border-bottom:solid 1px #ccc; padding-left:30px; position:relative}
.search_list ul li i{ position:absolute; width:3px; height:20px; top:20px; left:10px; background:#ccc;transition: all linear 0.2s;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.search_list ul li:hover i{ background:#ff6200; transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);}
.search_list ul li a{ font-size:16px;}

@media (min-width: 640px){
	
	.list_img_text ul li .pic_area { width:37%}
	.list_img_text ul li .text_area{ width:63%}
	}
@media (max-width: 640px) {
	.list-img > ul > li{ margin-bottom:10px;}
	.list_img_text ul li{ margin-top:15px; padding-bottom:15px;}
.list_img_text ul li .text_area .date{ width:110px; height:35px;}
.list_img_text ul li .text_area .date .day{ font-size:18px;height:35px; line-height:35px;}
.list_img_text ul li .text_area .date .year{ font-size:12px;height:35px; line-height:35px;}
.list_img_text ul li .text_area .list_title a{ font-size:14px; height:40px; line-height:20px; overflow:hidden; display:block}
.list_img_text ul li .text_area .list_title{ margin:10px 0 5px 0; }
.list_img_text ul li .pic_area{ margin-top:5px;}
.list_img_text ul li .text_area .date_area:before{ width:30%; left:120px;}
.list_img_text ul li.news_even .text_area .date_area:before{right:120px;}

.list-text ul li{ margin-bottom:10px; padding-bottom:10px; border-bottom:solid 1px #ccc}
.list-text ul li .date{ width:110px; height:35px;}
.list-text ul li .date .day{ font-size:18px;height:35px; line-height:35px;}
.list-text ul li .date .year{ font-size:12px;height:35px; line-height:35px;}
.list-text ul li .list_title a{ font-size:14px; height:40px; line-height:20px; overflow:hidden; display:block}
.list-text ul li .list_title{ margin:10px 0 5px 0; }
.list-text ul li .date_area:before{ width:30%; left:120px;}
.search_list ul li{ height:45px; line-height:45px; padding-left:20px;}
.search_list ul li i{ width:2px; height:15px; top:15px; left:5px;}
.search_list ul li a{ font-size:14px;}
}
.feedback-form .title {padding:15px;color: #000;background-color: #F2F2F2;margin-bottom:15px;box-sizing:border-box;}
.feedback-form .form-group .sure,.feedback-form .form-group .more{ padding:5px 15px; border:none; color:#fff; border-radius:5px; margin-right:10px;}
.feedback-form .form-group .sure{ background:#df0024}
.feedback-form .form-group .more{ background:#dfa800}
@media (max-width: 640px) {
 .feedback-form  .title {margin-left:-15px; margin-right:-15px}
}