@charset "utf-8";
/*
shangpu-CSS-xiaohei-dtmuban.com-2019-2020
*/
body{margin:0px;font-size:12px;color:#333333;background: #f5f5f5;font-size:14px;position: relative;width: 100%;min-width: 1200px;margin: 0 auto;}
body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin: 0}
em,i{font-style: normal}
/* common */
.m{width:1200px;margin:auto;}
.b10{height:10px;}
.side_head{border-bottom:none;background: #01459A;}
.side_head div{padding:0 16px;font-size: 16px;height:44px;line-height:44px;overflow:hidden;color: #ffffff;}
.side_body{border-top:none;background:#FFFFFF;padding:16px;margin:0 0 20px;}
.side_body li{padding: 0 0 0 5px;height:32px;line-height:32px;overflow:hidden;}
.main_head{border-bottom:none;background: #01459A;}
.main_head div{padding:0 16px;font-size: 16px;height:44px;line-height:44px;overflow:hidden;color: #ffffff;}
.main_head div a{color:#ffffff}
.main_body{border-top:none;background:#FFFFFF;padding:16px;margin:0 0 20px;}
.baibg{background:#ffffff}
/*20190915*/
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.clearfix{*zoom: 1;}
.clearfix:after{content: " "; display: block; height: 0; clear: both; visibility: hidden;}
.center{width: 1200px;margin: 0 auto;}
.header{width: 100%;background: #fff;position: relative;}
.toptext{width: 100%;background: #f5f5f5;height: 40px;}
.toptext .fl p{float: left;color: #666;font-size: 14px;line-height: 40px;margin-left: 15px;}
.hot_index{float: left;height: 17px;line-height: 17px;}
.hot_index a{float: left;font-size: 14px;line-height: 17px;}
.header_sec_welcome{height: 40px; padding: 0; border-bottom: 1px solid #e5e5e5; overflow: hidden;}
@media(max-width: 720px){.header_sec_welcome{display:none}}
@media(max-width: 650px){.header_sec_welcome{background:#f6f6f6; height: auto; padding: 1px 0; text-align: center}}
.header_sec_welcome .cnt .contact_list{float: right; margin: 12px 0;}
@media(max-width: 650px){.header_sec_welcome .cnt .contact_list{float:none}}
.header_sec_welcome .cnt .contact_list .contact_item{display: inline-block; height: 17px; line-height: 17px;}
.header_sec_welcome .cnt .contact_list .contact_item+.contact_item{border-left-color: 1px dotted #c8c8c8}
.header_sec_welcome .cnt .contact_list .contact_item .ico.ico_qq{display: inline-block; width: 15px; height: 18px; margin: 0 9px 0 0; vertical-align: middle;}
.header_sec_welcome .cnt .contact_list .contact_split{display: inline-block; height: 12px; margin: 0 16px; border-left: 1px dotted #c9c9c9;}
.header_sec_welcome .cnt .welcome_title{display: block; padding: 10px 0;}
.contry{float: left;}
.contry a{float: left;margin-left: 10px;}
.contry img{height: 20px;margin-top: 10px;float: left;}
.contry span{font-size: 14px;color: #031654;line-height: 40px;float: left;margin-left: 5px;}
.head_top{height: 80px;padding: 20px 0 10px;position: relative;width: 100%;z-index: 10000;}
.head_top .com-l{width: 850px;}
.head_top .logo{width:100px;height:60px;margin-right:20px}
.head_top .logo img{width: 100%;height: 100%;float: left;}
.head_top .comname{float:left;font-size: 26px;margin: 0;padding: 0;margin-top: 19px;font-weight: bold;/* width: 640px; */height: 30px;overflow: hidden;}
.com-r{text-align: right; margin-top: 13px;}
.symbol{float: right; padding: 6px 9px; border-radius: 3px; background: #ddd;}
.symbol .ico.phone{display: inline-block; width: 23px; height: 24px; background: url(images/header_phone.png);}
.intro{margin: 0 54px 0 0; overflow: hidden;}
.intro .title{margin: 0 0 -4px; padding:0; font-size: 14px; font-weight:normal; text-align:right; color: #666; line-height: 18px;}
.intro .num{font-size: 24px; color: #ee551f;}
.fixed{position: fixed;top: 0;width: 100%;left: 0;right: 0;z-index: 10000;float: none !important;}
.pc_banner{width: 100%;max-width: 1920px;margin: 0 auto;overflow: hidden;position: relative;}
.pc_banner .banner{margin: 0;padding: 0;overflow: hidden;}
.pc_banner .wappc_banner{}
.pc_banner .wappc_banner .prev{left: 74px;width: 43px;height: 43px;position: absolute;top: 48%;background: url(images/le2.png) no-repeat;background-size: 100%;}
.pc_banner .wappc_banner .next{right: 74px;width: 43px;height: 43px;position: absolute;top: 48%;background: url(images/ri2.png) no-repeat;background-size: 100%;}
.pc_banner .hd{width: 100%;text-align: center;position: absolute;z-index: 9;bottom: 10px;overflow: hidden;}
.pc_banner .hd li{width: 40px;height: 4px;display: inline-block;text-indent: -999px;overflow: hidden;margin: 0 3px;overflow: hidden;cursor: pointer;background: #fff;margin: 0 5px;}
.pc_banner .hd li.on{background: #ea5534;}
.pc_banner .bd{}
.pc_banner .bd li{position: relative;}
.pc_banner .bd li img{width: 1920px;position: relative;left: 50%;margin-left: -960px;vertical-align: middle;}
.m_banner{width: 100%;margin: 0 auto;overflow: hidden;position: relative;display: none;}
.mbanner{width: 100%;position: relative;}
.mbanner ul{}
.mbanner ul li{width: 100%;}
.mbanner ul li img{width: 100%;height: auto;}
.banner_btn{width: 100%;text-align: center;position: absolute;z-index: 9;bottom: 10px;overflow: hidden;}
.banner_btn a{width: 12px;height: 12px;border-radius: 50%;display: inline-block;text-indent: -999px;overflow: hidden;margin: 0 3px;overflow: hidden;cursor: pointer;background: #eee;opacity: .4;margin: 0 5px;border: solid 2px #FFFFFF;}
.banner_btn a.in{background: #ea5534;opacity: 1;}
.m_header{width: 100%;overflow: hidden;display: none;}
.m_head_content{height: .46rem;width: 100%;background: #fff;position: fixed;top: 0;left: 0;z-index: 99;box-shadow: 0px 5px 10px 1px #999;}
.m_head_logo{height: .46rem;float: left;margin-left: .05rem;}
.m_head_logo img{max-height: 100%;float: left;height: 70px;margin-top: 5px;}
.m_head_logo p{float: left;margin-left: .15rem;}
.m_head_logo strong{font-size: 28px;line-height: 80px;display: block;color: #c7271e;}
.qiehuan{float: right;padding-right: 5%;display: none;}
.qiehuan p{float: left;margin-right: 10px;}
.qiehuan a{font-size: 20px;font-weight: bold;color: #091650;display: inline-block;line-height: .46rem;}
.qiehuan span{float: right;background: #091650;text-align: center;padding: .05rem;border-radius: 5px;margin-top: .06rem;}
.qiehuan a{font-size: 12px;letter-spacing: 2px;font-weight: bold;color: #fff;line-height: 110%;}
.menu{float: right;width: .36rem;margin-top: .05rem;margin-right: .1rem;height: .36rem;background: #ea5534;}
.menu i{color: #fff;font-size: 20px;text-align: center;line-height: .46rem;display: block;}
.app_menu{width: 100%;height: 500%;position: fixed;height: 500%;top: 80px;right: 0;z-index: 99;display: none;background: rgba(0, 0, 0, .5);}
.app_menu ul{background: rgba(0, 0, 0,1);}
.app_menu li{}
.app_menu li a{}
.app_menu li span{font-size: 14px;width: 100%;height: 32px;line-height: 32px;color: #fff;display: block;padding-left: .15rem;border-bottom: 1px solid #444;}
.container{width: 100%;}
.main{width: 100%;overflow: hidden;}
.more{width:120px;margin: 30px auto 30px;}
.more a{border-radius:2px;display:block;font-size:14px;padding:8px 15px;color: #ea5534;font-weight:bold;text-align:center;border: #ea5534 1px solid;}
.more a:hover{opacity: .8;filter:alpha(opacity=80);}
.i_box1{width: 100%;background: #ffffff;padding: 40px 0;}
.i_box1 .text{margin-top: 15px;}
.i_box1 .text .fl{width: 60%;}
.i_box1 .text .fl i{width: 60px;height: 5px;background: #ea5534;font-style: normal;display: block;margin-top: 30px;}
.i_box1 .text .fl h3{font-size: 24px;color: #0a154a;display: block;font-weight: bold;margin-top: 10px;margin-bottom: 10px;}
.i_box1 .text .fl span{display: block;font-size: 34px;color: #5b5b5b;}
.i_box1 .text .fl .intro{font-size: 16px;line-height: 30px;color: #333;margin-top: 20px;text-indent: 2rem;}
.i_box1 .text .fl a{width: 120px;height: 40px;border: 2px solid #ea5534;color: #333;font-size: 16px;display: inline-block;text-align: center;line-height: 36px;border-radius: 5px;margin-top: 30px;transition: .5s;margin-left: 42%;}
.i_box1 .text .fl a:hover{background: #ea5534;color: #fff;transition: .5s;}
.i_box1 .text .fr{width: 380px;text-align:center;margin: 0 auto;}
.i_box1 .text .fr.com-thumb{margin-top: 30px;margin-left: 100px;}
.i_box1 .text .fr.com-thumb img{width: 280px;height:280px;vertical-align: middle;}
.box_tit{}
.box_tit h3{font-size: 24px;color: #0a154a;display: block;font-weight: bold;text-align: center;}
.box_tit em{font-style: normal;color: #333;}
.box_tit span{width: 200px;height: 1px;background: #ddd;margin: 15px auto;display: block;}
.box_tit i{width: 60px;height: 5px;background: #ea5534;font-style: normal;display: block;margin: 0 auto;position: relative;top: -2px;}
.box_tit p{font-size: 16px;color: #666;display: block;text-align: center;}
.i_box2{width: 100%;padding: 40px 0;}
.i_box2 .box{width: 100%;margin-top: 40px;}
.i_box2 .hd{}
.i_box2 .hd a{position: absolute;}
.i_box2 .next{left: -40px;width: 39px;height: 62px;position: absolute;top: 40%;background: url(images/le.png) no-repeat;background-size: 100%;cursor: pointer;}
.i_box2 .prev{right: -40px;width: 39px;height: 62px;position: absolute;top: 40%;background: url(images/ri.png) no-repeat;background-size: 100%;cursor: pointer;}
.pro_list{position: relative;}
.pro_list ul{}
.pro_list li{width: 25%;float: left;}
.pro_list li a{width: 90%;display: block;margin: 0 auto;border: 1px solid #eee;}
.pro_list li a:hover{border: 1px solid #ea5534;}
.pro_list .imgauto{width: 268px;height: 280px;margin: 0;text-align:center}
.pro_list .imgauto img{width:100%;height:100%;}
.pro_list .text{background: #ededed;height: 50px;line-height: 50px;padding: 0 15px;text-align: center;overflow: hidden;}
.pro_list .text span{display: block;font-size: 16px;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pro_list .text p{display: block;font-size: 14px;color: #333;margin-top: 5px;}
.pro_list .text p:hover{}
.pro_list .text p span{color: #fff;}
.pro_list .text p{color: #fff;}
.i_box3{width: 100%;padding: 40px 0 20px;background: url(images/bg1.jpg) no-repeat center top;overflow: hidden;}
.i_box3-1{width: 100%;padding: 40px 0 20px;background: url(images/index_sec_guide_bg.jpg) no-repeat center top;overflow: hidden;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}
.i_box3 .box_tit{}
.i_box3 .box_tit h3{color: #fff;}
.i_box3 .box_tit em{color: #fff;}
.i_box3 .box_tit p{color: #fff;}
.box_tit .box{width: 100%;margin-top: 40px;}
.box_tit .box ul{}
.box_tit .box .ul1{background: #ea5534;}
.box_tit .box .ul2{background: #fff;}
.box_tit .box li{float: left;width: 40%;background: #fff;}
.box_tit .pic{width: 50%;float: left;}
.box_tit .pic img{width: 100%;max-height: 195px;}
.box_tit .text{width: 50%;padding: 10px;float: left;}
.box_tit .text span{font-size: 16px;color: #0a154a;border-bottom: 1px solid #eee;display: block;padding-bottom: 5px;}
.box_tit .text p{font-size: 12px;color: #666;line-height: 20px;margin-top: 5px;}
.box_tit .text i{font-style: normal;font-size: 12px;line-height: 20px;margin-top: 5px;display: block;color: #999;padding-left: 20px;background: url(../img/time.png) no-repeat left center;background-size: 16px;}
.box_tit .text a{width: 100px;height: 24px;font-size: 12px;display: block;padding-left: 20px;line-height: 22px;border: 1px solid #ea5534;color: #e95735;border-radius: 12px;margin-top: 10px;background: url(../img/rig.png) no-repeat 95% center;background-size: 16px;}
.box_tit .text a.li1{width: 20%;height: 100%;background: #ea5534;}
.li_more{padding: 20px;margin-top: 20px;}
.li_more a{display: block;}
.li_more img{display: block;margin: 0 auto;}
.li_more p{font-size: 20px;color: #fff;display: block;text-align: center;margin-top: 15px;}
.li_more p.li2{background: #fff;width: 20%;height: 100%;}
.li_text{padding: 20px;margin-top: 20px;}
.li_text span{font-size: 36px;color: #0a154a;display: block;text-align: center;}
.box3_list{width: 100%;height: 320px;padding-bottom: 30px;margin-top: 40px;position: relative;}
.box3_list .hd{position: absolute;bottom: 0px;width: 100%;}
.box3_list .hd ul{width:100%;text-align: center;}
.box3_list .hd ul li{width: 12px;height: 12px;display:inline-block;_display:inline;_zoom:1;text-indent: -999px;overflow: hidden;margin: 0 3px;overflow: hidden;cursor: pointer;background: #fff;margin: 0 5px;border-radius: 50%;}
.box3_list .hd ul li.on{background: #ea5534;}
.box3_list .bd{width: 100%;overflow: hidden;height: 290px;}
.box3_list .bd ul{}
.box3_list .bd ul li{width: 100%;float: left;}
.box3_list .bd ul li a{width: 90%;display: block;margin: 0 auto;background: #ffffff;}
.box3_list .bd ul li a:hover{box-shadow:0 0 5px #ffffff;}
.box3_list .bd ul li .pic{}
.box3_list .bd ul li .pic img{width: 100%;max-height: 100%;}
.box3_list .bd ul li .i_box4{width: 100%;padding: 40px 0;}
.box3_list .bd ul li .text{}
.box3_list .bd ul li .imgauto{width: 100%;height: 240px;/* margin: 0 10%; */}
.box3_list .bd ul li .text{background: #ededed;height: 50px;line-height: 50px;padding: 0 15px;text-align: center;overflow: hidden;}
.box3_list .bd ul li .text span{display: block;font-size: 16px;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.box3_list .bd ul li .text p{display: block;font-size: 14px;color: #333;margin-top: 5px;}
.box3_list .bd ul li .text p:hover{}
.box3_list .bd ul li .text p span{color: #fff;}
.box3_list .bd ul li .text p{color: #fff;}
.i_box4{/* float: left; */ width: 100%; padding: 30px 0; background: #f5f5f5; overflow: hidden;}
.baibg{background: #ffffff;}

.btn-buy,.btn-cart {font-size:16px;width:128px;height:36px;line-height:36px;border:none;text-align:center;cursor:pointer;padding:0;-webkit-appearance:none;margin:6px 10px 0 0;}
.btn-buy {background:#FFEDED;border:#FF0036 1px solid;color:#FF0036;}
.btn-buy:hover {background:#F7BBBB;}
.btn-buy:disabled {background:#F2F2F2;border:#D6D6D8 1px dashed;color:#CDCDCD;cursor:not-allowed;}
.btn-cart {background:#FF0036;border:#FF0036 1px solid;color:#FFFFFF;}
.btn-cart:hover {background:#DF3033;}
.btn-cart:disabled {background:#CDCDCD;border:#CDCDCD 1px solid;color:#999999;cursor:not-allowed;}

/*news*/
.i_box5{padding: 40px 0;}
.hot_new{width: 100%; margin-top: 20px;}
.hot_new li{width: 50%; float: left; margin-top: 20px; position: relative;}
.hot_new li .fl{width: 34%;}
.hot_new li .fl .imgauto{width: 100%; height: 150px;}
.hot_new li .fr{width: 60%; padding: 0 4% 0 2%;}
.hot_new li .fr span{float: left; width: 100%; line-height: 32px; border-bottom: 1px solid #eee;}
.hot_new li .fr a{font-size: 18px; color: #0a154a; font-weight: bold; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 60%; float: left;}
.hot_new li .fr span i{float: right; font-style: normal; font-size: 13px; color: #e95735; font-weight: bold; width: 30%; text-align: right;}
.hot_new li .fr p{font-size: 14px; color: #666; line-height: 26px; margin-top: 5px; height: 104px; overflow: hidden; float: left;}
.hot_new li .fr a:hover{color: #ea5534;}
/*品牌、招商、证书、视频*/
.rongyu_list{width: 100%;padding-bottom: 30px;margin-top: 40px;position: relative;}
.rongyu_list .hd.hd{position: absolute;bottom: 0px;width: 100%;}
.rongyu_list .hd ul{width:100%;text-align: center;}
.rongyu_list .hd ul li{width: 12px;height: 12px;display:inline-block;_display:inline;_zoom:1;text-indent: -999px;overflow: hidden;margin: 0 3px;overflow: hidden;cursor: pointer;background: #000000;margin: 0 5px;border-radius: 50%;}
.rongyu_list .hd ul li.on{background: #ea5534;}
.rongyu_list .bd{width: 100%;}
.rongyu_list .bd ul{}
.rongyu_list .bd ul li{width: 25%;float: left; margin-bottom: 15px;}
.rongyu_list .bd ul li a{width: 90%;display: block;margin: 0 auto;background: #ffffff;text-align: center;-webkit-transition: all .3s ease;transition: all .3s ease;box-shadow: 0 0 0 #fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.baibg .rongyu_list .bd ul li a{background: #f5f5f5;}
.rongyu_list .bd ul li a:hover{box-shadow:0 0 5px #ffffff;}
.rongyu_list .bd ul li .pic{}
.rongyu_list .bd ul li .pic img{width: 100%;max-height: 100%;}
.rongyu_list .bd ul li .i_box4{width: 100%;padding: 40px 0;}
.rongyu_list .bd ul li .text{}
.rongyu_list .bd ul li .imgauto{width: 100%;height: 190px;/* margin: 0 10%; */}
.rongyu_list .bd ul li .imgauto img{width:100%;height:100%}
.rongyu_list .bd ul li .text{background: #ededed;height: 50px;line-height: 50px;padding: 0 15px;text-align: center;overflow: hidden;}
.rongyu_list .bd ul li .text span{display: block;font-size: 16px;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.brand-s{}
.brand-s .bd ul{width: 1220px;height: 150px;}
.brand-s .bd ul li{width: 190px;margin-right: 12px;margin-bottom: 15px;}
.brand-s .bd ul li a{background:#f5f5f5;padding: 5px;width: 95%;text-align: center;-webkit-transition: all .3s ease;transition: all .3s ease;box-shadow: 0 0 0 #fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.brand-s .bd ul li .imgauto{width:180px;height:80px;margin:0;text-align: center;}
.brand-s .bd ul li .imgauto img{width: 100%;max-height: 100%;}
.brand-s .bd ul li .text{background:#f5f5f5}
.brand-s .bd ul li a:hover,.rongyu_list .bd ul li a:hover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1); box-shadow: 0 15px 30px rgba(0,0,0,.1); -webkit-transform: translate3d(0,-2px,0); transform: translate3d(0,-2px,0)}
/*友情链接*/
.link{padding: 15px 0px 15px 0px; color: #999999; font-size: 13px; background: #333333;}
.link .list span{font-size: 15px; font-weight: bold;}
.link .list a{font-size: 14px; padding: 0 10px 0 5px; margin-bottom: 5px; display: inline-block; color:#999999;}
.link .list a:hover{color:#FFEB3B;}
.footer{width: 100%;background: #262323;padding: 30px 0;padding-bottom: 20px;overflow: hidden;}
.foot_logo{width: 120px;text-align: center;color: #999;margin-top: 18px;margin-right: 50px;}
.foot_logo img{width: 120px;height: 120px;vertical-align: middle;}
.foot_logo p{font-size:14px;height:30px;line-height:30px;}
.foot_contact{width: 950px;}
.text1{width: 150px;float: left;margin-right: 30px;}
.text1 h3{font-size: 16px;color:#aeaeae;margin-bottom: 15px;display: block;}
.text1 ul{}
.text1 ul li{width: 100%;margin-bottom: 3px;}
.text1 ul li a{font-size: 14px;color:#aeaeae;display: block;line-height: 28px;}
.text1 ul li a:hover{color: #ea5534;}
.text2{width: 150px;float: left;margin-right: 30px;}
.text2 h3{font-size: 16px;color:#aeaeae;margin-bottom: 15px;display: block;}
.text2 ul{}
.text2 ul li{width: 100%;margin-bottom: 3px;}
.text2 ul li a{font-size: 14px;color:#aeaeae;display: block;line-height: 28px;}
.text2 ul li a:hover{color: #ea5534;}
.text3{width: 350px;float: right;}
.text3 h3{font-size: 16px;color:#aeaeae;margin-bottom: 15px;display: block;}
.text3 li{font-size: 14px;color:#aeaeae;display: block;line-height: 28px;}
.text3 li a{color:#aeaeae;}
.text3 ul li a:hover{color: #ea5534;}
.copyright{width: 100%;margin-top: 15px;border-top: 1px solid #3a3939;}
.copyright p{display: block;font-size: 14px;margin-top: 20px;color: #aeaeae;text-align: center;line-height: 24px;}
.copyright p a{font-size: 14px;color: #aeaeae;}
.text_content{width: 100%;margin: 30px 0;}
.textlist{overflow:hidden;}
.textlist .list{width: 104%; padding-bottom: 30px!important;}
.textlist .item{float: left; width: 275px; height: 310px; margin-right: 30px; transition: all .2s linear 0s; margin-bottom: 20px; box-shadow: 0 2px 5px rgba(0,0,0,.1); background: #fff;}
.textlist .item a{display: block; padding: 0; color: #333}
.textlist .item .img{width: 275px; height: 161px; overflow: hidden; cursor: pointer; position: relative;}
.textlist .item .img img{width: 100%; height: 100%; transition: all .3s ease-out 0s; display: block}
.textlist .item:hover .img img{transform: scale(1.1,1.1)}
.textlist .item .txt{padding: 10px 10px 0;}
.textlist .item h3{font-size: 18px; height: 28px; overflow: hidden; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;}
.textlist .desc{line-height: 24px; height: 52px; overflow: hidden; margin-bottom: 5px; cursor: pointer; padding-top: 5px; color: #888888;}
.textlist span{display: block; color: #666; font-family: arial; padding-top: 10px; border-top: 1px solid #ededed; text-align: center;}
.textlist .item:hover{-webkit-box-shadow: 0 15px 15px rgba(0,0,0,.1); box-shadow: 0 15px 30px rgba(0,0,0,.1); -webkit-transform: translate3d(0,-2px,0); transform: translate3d(0,-2px,0)}
.textlist .item:hover h3{color: #EA5534}
.textlist-new{padding:20px 0}
.textlist-new .list{padding-bottom: 0 !important;}
.textlist-new .item{width: 304px; height: 400px; margin-right:20px}
.textlist-new .item:nth-child(3n){margin-right:0}
.textlist-new .item .img{width: 304px; height: 250px;}
/*newslist*/
.newsPage .list{padding-bottom: 30px}
.newsPage .item{height: 178px; transition: all .5s; border: 1px solid #f3f3f3; display: block; margin-bottom: 20px}
.newsPage .item a{padding: 26px; display: block}
.newsPage .item img{width: 168px; height: 126px; display: block; margin-right: 30px}
.newsPage .item h3{font-size: 15px; padding: 25px 0 20px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.newsPage .item .txt{color: #999; line-height: 24px; width: 460px; height: 48px; overflow: hidden;}
.newsPage .item .time{width: 130px; padding: 20px 0 20px 45px; border-left: 1px solid #eee; font-family: arial; font-size: 18px; color: #999; text-align: center}
.newsPage .item .time .day{font-size: 30px; line-height: 45px; display: block}
.newsPage .item:hover{box-shadow: 0 0 15px rgba(0,0,0,.2); margin-left: 15px}
.newsPage .item:hover h3{color: #ea5534}
.newsPage .item:hover .time .day span{background: #6d6d6d}
.newsPage .item:hover .time .day strong{background: red; color: #fff}
.yewuPage .list{padding-bottom: 30px}
.yewuPage .item{width: 100%; height: 160px; padding: 26px 0; transition: all .5s; border-bottom: 1px solid #f3f3f3}
.yewuPage .item:first-child{padding-top: 0}
.yewuPage .item a{width: 100%; display: block}
.yewuPage .item img{width: 340px; height: 160px; display: block; margin-right: 30px}
.yewuPage .item h3{font-size: 18px; padding: 30px 0 20px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; color: #000}
.yewuPage .item .txt{color: #999; line-height: 24px; height: 48px; padding-right: 50px; overflow: hidden}
.yewuPage .item .time{width: 130px; padding: 25px 0 25px 45px; margin-top: 20px; border-left: 1px solid #eee; font-family: arial; font-size: 18px; color: #999}
.yewuPage .item .time .day{font-size: 40px; line-height: 45px; display: block}
.yewuPage .item .time s{width: 14px; height: 18px; display: block; margin-top: 20px; background-position: -224px 0}
.yewuPage .item:hover{box-shadow: 0 4px 15px rgba(0,0,0,.1); margin-left: 15px}
.yewuPage .item:hover h3{color: #ea5534}
.yewuPage .item:hover .time .day span{background: #6d6d6d}
.yewuPage .item:hover .time .day strong{background: red; color: #fff}
.yewuPage .item.items img{width: auto; max-width: 300px}
.fxitem{background: #fff; box-shadow: 0 0 1px #ddd; margin-bottom: 40px}
.fxitem .txtcon{width: 460px; padding: 68px; float: left}
.fxitem .txtcon .title{font-size: 28px; color: #ea5534}
.fxitem .txtcon .desc{margin: 20px 0 35px; line-height: 26px; height: 100px; overflow: hidden; color: #333; font-size: 16px}
.fxitem .txtcon .btn{height: 32px; line-height: 32px; border-radius: 20px; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; border: 1px solid #ddd; text-align: center; width: 130px}
.fxitem .txtcon:hover .btn{background: #ea5534; color: #fff; border: 1px solid #ea5534}
.fxitem .img{width: 600px; height: 350px; overflow: hidden; display: block; float: right}
.fxitem .img img{width: 100%; height: 100%; display: block}
.fxitem.it2 .txtcon{float: right}
.fxitem.it2 .img{float: left}
.content{}
.content img{max-width:100%;_width:100%}
.iet{background: #000;width: 100%;height: 40px;line-height:40px;}
.iet .iets{width: 1200px;margin: 0 auto;color:#ffffff}
.iet .iets p{float:left}
.iet .iets p,.iet .iets p a{color:#ffffff}
.iet .iets span{float:right;cursor:pointer;}
.iet .iets span:hover,.iet .iets p a:hover{color:#EA5534;}
.iet .iets span i{font-size:15px;margin-left:10px;}
/*05*/
.imgbox{position: relative; text-align: center}
.imgbox:before{content: ""; display: block; padding: 100% 0 0}
.imgbox img{position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%,-50%)}
.clear{margin: 0 auto; clear: both; height: 0; font-size: 0; overflow: hidden}
.header_sec_navi{color: #fff; background: #032a4d; position: relative; z-index: 1;}
.cnt{max-width: 1200px; margin: 0 auto; /* padding: 0 10px; */}
.header_sec_navi .cnt .navi_list{/* font-size: 0; */ /* text-align: justify; */ position: relative; z-index: 1;}
.header_sec_navi .cnt .navi_list .navi_item{font-size: 14px; position: relative; z-index: 10; float: left;}
.header_sec_navi a{color: #fff;}
.header_sec_navi .cnt .navi_list .navi_item .navi_item_title{display: block; padding: 16px 25px; transition: all ease .3s;}
.header_sec_navi .cnt .navi_list .navi_item.on .navi_item_title, .header_sec_navi .cnt .navi_list .navi_item:hover .navi_item_title{background: #ee551f;}
.header_sec_navi .cnt .navi_list .navi_item .v_list{position: absolute; width: 100%; top: 52px; left: 0; background: #ffffff; opacity: 0; visibility: hidden; transition: all .6s ease 0s; transform: translate3d(0,10px,0); -moz-transform: translate3d(0,10px,0); -webkit-transform: translate3d(0,10px,0);}
.header_sec_navi .cnt .navi_list .navi_item .v_list a{color: #333; width: 100%; height:40px; line-height: 40px; display: inline-block; font-size: 14px; transition: .5s; text-align: center; background: #fff; border: 0; border-bottom: 1px solid #eee; border-radius: initial;}
.header_sec_navi .cnt .navi_list .navi_item .v_list a:first-child{border-top: 2px solid #eb5534;}
.header_sec_navi .cnt .navi_list .navi_item:hover .v_list{opacity: 1;visibility: visible;transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);}
.header_sec_navi .cnt .navi_list .navi_item .v_list a:hover{text-indent: 3px;color:#eb5534;}
/*推荐产品*/
.index_sec_product{position: relative; width: 100%; margin: 0 0 0; padding: 40px 0 20px; height: 855px; background: url(images/index_sec_product_bg.png) no-repeat center top; overflow: hidden;}
@media(max-width: 1200px){.index_sec_product{height:auto; margin: 0; padding: 1px 0}}
.index_sec_product .sec_title_main{margin: 67px 0 0; text-align: center; color: #032a4d; font-size: 24px; font-weight: bold;}
@media(max-width: 400px){.index_sec_product .sec_title_main{font-size:24px}}
.index_sec_product .sec_title_sub{margin: 10px 0 20px; text-align: center; font-size: 26px; font-weight: bold;}
@media(max-width: 400px){.index_sec_product .sec_title_sub{font-size:24px}}
.index_sec_product .sec_brief{position: relative; margin: 16px 0; text-align: center}
.index_sec_product .sec_brief .line{position: absolute; top: 50%; left: 0; right: 0; height: 1px; background: #333}
.index_sec_product .sec_brief .text{display: inline-block; position: relative; margin: 0 30px; padding: 16px 29px; color: #666; font-size: 14px; border: 1px solid #333; background: #f1f1f1}
.index_sec_product .sec_brief .text .circle{position: absolute; top: 48%; width: 9px; height: 9px; margin: -4px 0 0; border: 1px solid #333; border-radius: 100%; background: #fff}
.index_sec_product .sec_brief .text .circle.circle_1{left: -7px}
.index_sec_product .sec_brief .text .circle.circle_2{right: -5px}
.index_sec_product .cnt .product_list{margin: 17px 0; font-size: 0; text-align: justify; height: 775px; overflow: hidden;}
.index_sec_product .cnt .product_list .product_item{display: inline-block; width: 23.64029975020816%; margin: 12px 0; background: #fff; transition: all ease .3s; vertical-align: top; /* float: left; */}
@media(max-width: 500px){.index_sec_product .cnt .product_list .product_item{width:48%; margin: 5px 0}}
.index_sec_product .cnt .product_list .product_item .imgbox.pic{display: block; width: 100%; height: 100%; padding: 0; margin: 0;}
.index_sec_product .cnt .product_list .product_item .imgbox.pic:before{content: ""; display: block; padding: 105.26315% 0 0}
.index_sec_product .cnt .product_list .product_item .imgbox.pic .border{display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; /* border: 2px solid #032a4d */}
.index_sec_product .cnt .product_list .product_item .intro{overflow: hidden; margin: 0;}
.index_sec_product .cnt .product_list .product_item .intro .func_list{float: right; margin: 10px 10px 10px 0; text-align: right; transition: all ease .3s;}
@media(max-width: 930px){.index_sec_product .cnt .product_list .product_item .intro .func_list{display:none}}
.index_sec_product .cnt .product_list .product_item .intro .func_list .func_item{display: inline-block; padding: 5px 13px; font-size: 14px; border-radius: 15px; color: #fff; background: #01459A}
.index_sec_product .cnt .product_list .product_item .intro .func_list .func_item .ico.ico_arr{display: inline-block; width: 3px; height: 6px; margin: 0 0 0 4px; background: url(images/index_sec_product_func_item_arr.png)}
.index_sec_product .cnt .product_list .product_item .intro .title{display: block; margin: 13px 130px 13px 10px; font-size: 14px; text-align: left; line-height: 24px; height: 24px; overflow: hidden;}
@media(max-width: 930px){.index_sec_product .cnt .product_list .product_item .intro .title{margin:10px}}
.index_sec_product .cnt .product_list .product_item:hover .imgbox.pic .border{display: block}
.index_sec_product .cnt .product_list .product_item:hover .intro .title{font-weight: 700}
.index_sec_product .cnt .product_list .product_item:hover .intro .title a{color: #fff}
.index_sec_product .cnt .product_list .product_item:hover .intro .func_list{margin: 10px 5px}
.index_sec_product .cnt .product_list .line_holder{display: inline-block; width: 100%}
.index_sec_product .cnt .product_list .product_item:hover .intro{color: #fff; background:#01459A}
/*公司介绍*/
.index_sec_about{height: 700px; margin: 0; color: #fff; background: url(images/index_sec_about_bg.jpg); overflow: hidden}
@media(max-width: 850px){.index_sec_about{height:auto; background: #0c3052}}
.index_sec_about .cnt .sec_title_main{margin: 42px 0 0; text-align: center; text-transform: uppercase; font-size: 24px; font-weight: bold;}
@media(max-width: 400px){.index_sec_about .cnt .sec_title_main{font-size:24px}}
.index_sec_about .cnt .sec_title_sub{margin: 9px 0; text-align: center; font-size: 26px; font-weight: bold;}
@media(max-width: 400px){.index_sec_about .cnt .sec_title_sub{font-size:24px}}
.index_sec_about .cnt .sec_title_sub .line{display: inline-block; width: 16px; height: 2px; margin: 0 11px; vertical-align: middle; background: #fff}
.index_sec_about .cnt .illus{float: left; width: 280px; height: 280px; transform-origin: left top; /* background: url(images/index_sec_abount_illus_bg.png) */}
@media(max-width: 850px){.index_sec_about .cnt .illus{float:none; margin: 0 auto; overflow: hidden}}
.index_sec_about .cnt .illus .video{display: block; position: relative; width: 280px; height: 280px; background: #000; margin-left: 30px;}
.index_sec_about .cnt .illus .preview{width: 100%; height: 100%}
.index_sec_about .cnt .illus .preview .pic.imgbox{display: block; width: 100%; height: 100%}
.index_sec_about .cnt .illus .preview .pic.imgbox:before{padding: 56.1046511627907% 0 0}
.index_sec_about .cnt .illus .mask{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(images/index_sec_about_illis_mask_bg.png)}
.index_sec_about .cnt .illus .mask .symbol{position: absolute; top: 39%; left: 49%; width: 35px; height: 35px; margin: 0 0 -17.5px -17.5px; text-align: center; line-height: 32px; border: 3px solid #fff; border-radius: 100%}
.index_sec_about .cnt .illus .mask .symbol .ico.ico_link{display: inline-block; width: 24px; height: 24px; vertical-align: middle; background: url(images/index_sec_abount_symbol_ico_link.png)}
.index_sec_about .cnt .intro{margin: 41px 0 25px 355px; font-size: 14px; line-height: 2;}
@media(max-width: 850px){.index_sec_about .cnt .intro{margin:20px}}
/*证书*/
.index_sec_certificate{margin: -181px 0 20px; width: 100%; /* float: left; */ overflow: hidden;}
@media(max-width: 1200px){.index_sec_certificate{/*margin:0*/}}
.index_sec_certificate .cnt .background.background_1{margin: 0 -66px; background: url(images/index_sec_certificate_border.png); overflow: hidden}
@media(max-width: 1400px){.index_sec_certificate .cnt .background.background_1{margin:0}}
.index_sec_certificate .cnt .background.background_1 .background.background_2{margin: 15px; margin-bottom: 0; background: #fff; overflow: hidden;}
@media(max-width: 1400px){.index_sec_certificate .cnt .background.background_1 .background.background_2{margin:15px; background: 0 0; overflow: visible}}
@media(max-width: 760px){.index_sec_certificate .cnt .background.background_1 .background.background_2{margin:15px 0}}
.index_sec_certificate .cnt .background.background_1 .background.background_2 .cnt{margin-top: 50px; margin-bottom: 20px; background: #f1f1f1; overflow: hidden;}
@media(max-width: 1400px){.index_sec_certificate .cnt .background.background_1 .background.background_2 .cnt{margin:0; padding: 0}}
.index_sec_certificate .cnt .background.background_1 .background.background_2 .cnt .cnt_inside_border{margin: 20px; border: 1px solid #fff;}
.index_sec_certificate .cnt .background.background_1 .background.background_2 .cnt .cnt_inside_border .sec_title_main{margin: 19px 0 10px; text-align: center; text-transform: uppercase; font-size: 24px; font-weight: bold;}
@media(max-width: 400px){.index_sec_certificate .cnt .background.background_1 .background.background_2 .cnt .cnt_inside_border .sec_title_main{font-size:24px}}
.index_sec_certificate .cnt .background.background_1 .background.background_2 .cnt .cnt_inside_border .sec_title_sub{text-align: center; font-size: 26px; font-weight: bold;}
@media(max-width: 400px){.index_sec_certificate .cnt .background.background_1 .background.background_2 .cnt .cnt_inside_border .sec_title_sub{font-size:24px}}
.index_sec_certificate .cnt .background.background_1 .background.background_2 .cnt .cnt_inside_border .sec_title_sub .line{display: inline-block; width: 16px; height: 2px; margin: 0 11px; vertical-align: middle; background: #333}
.index_sec_certificate .cnt .background.background_1 .background.background_2 .cnt .cnt_inside_border .sec_title_sub b{color: #ee551f}
.index_sec_certificate .cnt .background.background_1 .background.background_2 .cnt .cnt_inside_border .certificate_list{margin: 13px 18px 0; font-size: 0; text-align: justify;}
.index_sec_certificate .cnt .background.background_1 .background.background_2 .cnt .cnt_inside_border .certificate_list .certificate_item{display: inline-block; position: relative; width: 21.2%; margin: 25px 1.81%; text-align: center; line-height: 231px; border: 1px solid #fff;}
@media(max-width: 760px){.index_sec_certificate .cnt .background.background_1 .background.background_2 .cnt .cnt_inside_border .certificate_list .certificate_item{width:49%; margin: 5px 0}}
.index_sec_certificate .cnt .background.background_1 .background.background_2 .cnt .cnt_inside_border .certificate_list .certificate_item:before{content: ""; display: block; padding: 114.9253731343284% 0 0}
.index_sec_certificate .cnt .background.background_1 .background.background_2 .cnt .cnt_inside_border .certificate_list .certificate_item .imgbox.pic{display: block; position: absolute; top: 50%; left: 50%; width: 90%; height: 90%; transform: translate(-50%,-50%); cursor: pointer;}
.index_sec_certificate .cnt .background.background_1 .background.background_2 .cnt .cnt_inside_border .certificate_list .line_holder{display: inline-block; width: 100%}
.index_sec_certificate .certificate_dialog{display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; background: rgba(0,0,0,.8);}
.index_sec_certificate .certificate_dialog .dialog_wnd{position: absolute; top: 50%; left: 50%; max-width: 1200px; margin: 30px auto 0; text-align: center; background: #fff}
.index_sec_certificate .certificate_dialog .dialog_wnd .dialog_content{}
.index_sec_certificate .certificate_dialog .dialog_wnd .dialog_content img{display: inline-block; max-width: 100%}