@charset "utf-8";
/* CSS Document */
a{color:#333}
.header{background:#fff}
.Location{ width: 100%; float:left; height: 45px; line-height: 45px; border-bottom: 1px solid #d2d2d2; color:#d2d2d2; font-size:15px;overflow: hidden;}
.Location span{ margin:0 10px;}
.Location a{ color:#d2d2d2}
.Location a:hover{ color:#2449a4}
.Location_tubiao{ float: left; width: 45px; height: 45px; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; text-align: center;}
.Location_tubiao img{ margin-top: 15px;}

.lanmu_mun{ float:left; width:100%; border-bottom:1px #dcdbdb solid}
.lanmu_mun ul{ width: 100%; height: 70px; line-height: 70px; display: flex;}
.lanmu_mun li{ float:left; flex-grow: 1; text-align:center; border-left:1px solid #dcdbdb; font-size:19px; height: 71px;}
.lanmu_mun li:last-child{ border-right:1px solid #dcdbdb;}
.lanmu_mun li a{}
.lanmu_mun li:hover,.lanmu_mun li.ys{ background:#019ae6;}
.lanmu_mun li:hover a,.lanmu_mun li.ys a{ color:#fff; float:left; width:100%;}

.art_title{ width:100%; float:left; font-size:32px; position:relative; margin:50px 0; text-align:center; color:#000;}
.art_xian{ width:80px; height:2px; background:#05a1ec; margin: 0 auto;  margin-top: 15px;}
.art_info img{ max-width:100%;}

.qywh_title{ width:100%; float:left; color: #fc6420; font-weight: bold; font-size:26px; margin:30px 0; }
.qywh_info{ width:100%; float:left;}
.qywh_list{ width:100%; float:left;  margin-bottom:50px;}
.qywh_list li{ width:100%; float:left; background-color: #ededed;  position: relative; }
.qywh_list li .qywh_list_tu{  float:right; width:50%; overflow:hidden;}
.qywh_list li:nth-child(2n) .qywh_list_tu{ float:left; }
.qywh_list li .qywh_list_tu img{ width:100%; transition: all 1s;}
.qywh_list li:hover .qywh_list_tu img{   transform: scale(1.1); transition: all 1s;}
.qywh_list li .qywh_list_cont{  width: 44%; padding: 3%; position: absolute; left: 0; color: #666; top: 50%; transform: translateY(-50%);}
.qywh_list li:nth-child(2n) .qywh_list_cont{ right: 0; left:auto; }
.qywh_list li .qywh_list_title{ color: #cf000d; font-size:20px; }
.qywh_list li .qywh_list_desc{  font-size: 14px;}


.news_list_top{ width:100%; float:left; margin-top:30px; text-align:center; color: #000;}

.news_list{  float:left; width:100%; padding-top:50px; }
.news_list li{  float:left; width:calc(45.5% - 2px); margin-right: 1%;  margin-bottom:1%; text-align:center; background: #fff; padding: 2%; border: 1px solid #e7e7e7;}
.news_list li:nth-child(2n){ margin-right:0px}
.news_list li a{ float:left; width:100%;}

.news_list li .news_list_tu{ width:30%; float:left; position: relative; padding-bottom: 22%; overflow: hidden; }
.news_list li .news_list_tu img{ height: 100%; position: absolute; left: 50%; transform: translateX(-50%);}
.news_list li .news_list_cont{ width:66%; padding:0 2%;  float:left; text-align:left; }
.news_list li .news_list_title{ height: 30px;  font-size: 16px; float: left;  width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_list li .news_list_desc{ text-align: left; font-size: 12px; color:#515151; float: left;  width: 100%; height: 68px; overflow: hidden;}
.news_list li .news_list_time{ text-align: left; font-size: 12px; color:#515151; float: left;  width: 100%; font-weight: bold;}
.news_list li .news_list_gd{ width:60px;  float:left; display:none; }
.news_list li .news_list_gd span{ font-size: 30px; color: #d6d6d6; border: 1px solid #d6d6d6; border-radius: 50px; float: right; width: 50px; height: 50px; line-height: 50px; text-align: center;}
.news_list li:hover{ background:#019ae6;  transition: 0.5s;}
.news_list li:hover a,.news_list li:hover .news_list_desc,.news_list li:hover .news_list_time{color:#fff;  transition: 0.5s;}
.news_list li:hover .news_list_gd span{ background:#fff; border-color:#019ae6; color:#019ae6;}


.article_article{ text-align:center;}
.article_title{ width:100%; float:left; font-size: 24px; margin-top: 50px; color: #000;}
.article_time{ width:100%; float:left; margin-top: 10px;}
.article_body{ width:100%; float:left; text-align:left; padding:30px 0; border-bottom: 1px #999 dotted;}
.article_body img{ max-width:100%;}
.article_body_ship{ width:100%; float:left; text-align:center; padding:30px 0; border-bottom: 1px #999 dotted;}
.article_body_ship img{ max-width:100%;}
.article_body_ship iframe{  max-width:100%;}

.article_xgtj{ width: 100%; float: left; text-align: left; padding-bottom: 30px;}
.article_xgtj_title{ width: 100%; font-size: 18px; font-weight: bold; color: #000; border-bottom: 1px solid #d2d2d2; padding-bottom: 10px;}
.article_xgtj_list{}
.article_xgtj_list li{ border-bottom: 1px solid #d2d2d2; height: 50px; line-height: 50px; width: 47%; padding: 0 1%; float: left;
 margin-right: 2%;}
 .article_xgtj_list li:nth-child(2n){ margin-right:0px;}
.article_xgtj_list li a{}
.article_xgtj_list li a.xgtj_fl{ width:calc(100% - 80px);float:left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-weight: bold;}




.pro_list_bg{ width:100%; float:left; padding:30px 0; }
.pro_listhome_bg{ width:100%; float:left; padding:30px 0;}
.pro_listhome{ width:100%; float:left;  padding:30px 0; }
.pro_listhome li{ width:92%; float:left; padding:4%; background:#fff; margin:15px 0; border:1px #e5e5e5 solid;}
.pro_listhome li .listhome_tu{ float:left; width:220px;}
.pro_listhome li .listhome_tu img{ width:100%;}
.pro_listhome li .listhome_cont{ float:right; width:calc(100% - 250px);}
.pro_listhome li .listhome_title{ font-size:18px; width:100%; float:left; line-height:40px;}
.pro_listhome li .listhome_title a{ color:#fd6b18;}
.pro_listhome li .listhome_link{  width:100%; float:left; margin-top:10px;}
.pro_listhome li .listhome_link a{float:left; width:22%; margin-right:4%; line-height:50px; border-bottom:1px #e5e5e5 solid; font-size:15px; }
.pro_listhome li .listhome_link a:nth-child(4n){ margin-right:0px;}

.pro_jjfa{ width:92%; float:left; padding:4%; background:#fff; margin:30px 0;}
.pro_jjfa_title{ text-align:center; width:100%;  float: left;  font-size: 36px; font-weight: bold; color: #000; }
.pro_jjfa_title span{color: #05a1ee;}
.pro_jjfa_link{ width:100%; float:left; margin-top:50px;}
.pro_jjfa_link li{ float:left; width:21%;  margin:0 2%; line-height:50px; font-size:15px;}
.pro_jjfa_link li:nth-child(4n){ }
.pro_jjfa_link li a{}



.pro_lf{ width:27%; margin-right:3%; float:left;}
.pro_nav{ width:100%; margin-bottom: 30px; float: left;}
.pro_nav_title{ padding:0 5%; height:70px; line-height:70px;  width:90%; float:left; font-size:22px; color:#fff; background:url(../images/pro_nav_title.png) right 10% center no-repeat #019be5;}
.pro_nav_list{ width:calc(90% - 2px); float:left; padding:5%; border:1px solid #e5e5e5; border-top:0px; background:#fff;}
.pro_nav_list ul{ width:100%; float:left;}
.pro_nav_list li div{  width:calc(90% - 2px);  padding:0 5%; float:left; height:50px; line-height:50px;  font-size:14px; border:1px solid #e5e5e5;   margin-top: -1px;}

.pro_nav_list li a{ width:calc(100% - 23px); float:left;}
.pro_nav_list li span{ width:23px; height: 100%; float:right; background:url(../images/cp_nav_tb.png) left center no-repeat; cursor: pointer;} 
.pro_nav_list li .active a{ color: #ff6405;}
.pro_nav_list li .active span{ background: url(/templets/sscm/images/cp_nav_tb.png) no-repeat right center;}
.pro_nav_list dl{ width:90%; float:left; padding: 0 5%;}
.pro_nav_list dl dt{ height:40px; padding-left:5px; line-height:40px; border-bottom:1px solid #e5e5e5; font-size:14px; }


.left_lxwm{ width:calc(100% - 2px);margin-bottom: 30px; padding-bottom:30px; border:1px solid #e5e5e5; background:#fff;}
.left_tel{height:50px; padding:25px 0; padding-left:100px; background:url(../images/left_tel.png) left 50px center no-repeat; font-size:14px; line-height: 24px; border-bottom: 1px solid #e5e5e5;}
.left_tel span{ font-size:20px; color:#009be5; }
.left_xsrx{ font-size:16px; text-align:center; width:100%; margin:15px 0;}
.left_ewm{text-align:center; width:100%;}
.left_ewm img{ max-width:130px;}
.left_ewm span{}


.pro_fr{ float:left; width:70%; }
.pro_fr_lmmc{ width: 100%;  float: left; border-bottom: 1px solid #d3d2d2; line-height: 40px; margin-bottom:15px;}
.pro_fr_lmmc span{ font-size: 20px; color: #019be5; border-bottom: 1px solid #019be5; line-height: 40px; float: left;}
.pro_xl_nav3{ display:none;}
.pro_xl_nav{ width:100%; float:left; margin-bottom:15px;}
.pro_xl_nav li{ width: 18%; float: left; text-align: center; color: #d3d2d2; margin: 1%; line-height: 40px; font-size: 13px;  }
.pro_xl_nav li a{ width:calc(100% - 2px); float:left;  border: 1px solid #d3d2d2; background: #fff; border-radius: 100px;  overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap;}
.pro_xl_nav li:hover a{ background:#019be5; color:#fff;  border: 1px solid #019be5;  }

.cp_list{ width:100%;  float:left;  margin-bottom:30px;}
.cp_list li{ width:31%; margin-right:3%; margin-bottom:30px;  float:left; background:#fff;}
.cp_list li:nth-child(3n){ margin-right:0px;}
.cp_list li .cp_list_tu{ width:100%; position:relative; float:left; padding-bottom:100%; overflow:hidden;}
.cp_list li .cp_list_tu img{ position:absolute; height:100%; left: 50%; transform: translateX(-50%);}
.cp_list li .cp_list_title{ width:100%; float:left; height:50px; background:#fff; line-height:50px; text-align:center; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.cp_list li:hover .cp_list_title{background:#019be5; color:#fff;}











 .mainList{ text-align: center; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05); margin-bottom: 10px; background: #fff;}
 .mainList li{ list-style:none; display: inline-block;}
 .mainList .fgx{ display: none; }
 .mainList li a{ height:60px; line-height: 60px; position: relative; color: #666; text-decoration: none; font-size: 16px; font-weight:bold; display: inline-block; margin: 0 30px; font-family: "Microsoft Yahei";-webkit-transition: all ease .35s; transition: all ease .35s;}
 .mainList a:after { 
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    background-color: #ff0103;
    width: 100%;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
    -webkit-transition: all ease .35s;
    transition: all ease .35s;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
 .mainList a:hover,
 .mainList .selected a{ color: #ff0103;}
 .mainList a:hover:after,
 .mainList .selected a:after {-webkit-transform: scale(1,1); transform: scale(1,1);}