@charset "UTF-8";

.sidecon{width:1000px;height:auto;margin:0 auto}
.bannerBox{width:100%;height:auto;overflow:hidden;position:relative}
.bannerBox img{width:100%;height:auto;margin:0 auto}

.position{margin:25px 0 0} 
.position p{height:42px;line-height:42px;background:#f1f1f1 url(../images/position.jpg) no-repeat;padding-left:50px;}
.position p a{color:#333;font-size:14px}
.position p a:hover{text-decoration:underline}

.main{width:100%;padding-top:40px;padding-bottom:40px;}


.sidemenu{margin:0 0 15px 0}

.sidemenu ul li+li{margin-top:5px;}
.sidemenu ul li h5{height:34px;line-height:33px;display:block;background:#003a75;padding-left:10px;font-size:14px;cursor:pointer;overflow:hidden}

.sidemenu ul li ul li>a{line-height:33px;background:url('../images/vicon.png') no-repeat 15px center;padding-left:30px;color:#666}
.sidemenu ul li.active span{background:url("../images/i6-1.png") no-repeat center;}
.sidemenu ul li ul li.active > a{color:#003a75;text-decoration:underline;}

.sidemenu ul li h5 a{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#fff}
.sidemenu ul li ul li>a{line-height:33px;background:url('../images/vicon.png') no-repeat 15px center;padding-left:30px;color:#666}
.sidemenu ul li ul li dl a{color:#666}
.sidemenu dl{display:none;padding:0 10px}
.sidemenu dd{height:33px;line-height:33px}
.sidemenu dd:last-child{border-bottom:none}
.sidemenu dd a{background:url('../images/vicon.png') no-repeat 20px center;padding-left:35px;color:#666}
.sidemenu dd a:hover{color:#003a75}
.sidemenu ul li ul li>a:hover{color:#003a75}
.sidemenu dd .erji{position:absolute}
.sidemenu>ul>li .erj{display:none}

.rightIn{width:75%;float:right}

.sub_right_tit{font-size:18px;line-height:35px;background:#003a75;color:#fff;padding:0 20px;margin-bottom:35px;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center;}
.sub_right_tit .more{color:#fff;font-weight:500;font-size:16px;}
.sub_right_tit .more:hover{text-decoration:underline}


.sub_goods{padding-bottom:30px;}
.sub_goods ul{display:flex;flex-wrap:wrap;margin:-10px -15px 0;}
.sub_goods ul li{width:33.3333333%;padding:10px 15px;}
.sub_goods ul li .pic{border:1px solid #ccc;padding:2px;display:block;}
.sub_goods ul li .pic img{width:100%;}
.sub_goods ul li p{text-align:center;margin-top:10px;font-size:16px;font-weight:500;}
.sub_goods ul li p a{color:#404040}
.sub_goods ul li:hover p a{color:#023b75}
.sub_goods ul li:hover .pic{border:1px solid #023b75}



.sub_goods .moreA{float:right;color:#003a75;font-weight:bold;margin-right:15px}
.sub_goods .moreA:hover{text-decoration:underline}

.related{border-top:1px solid #ccc}
.related h3{font-size:16px;font-weight:normal;margin:20px 0;line-height:40px;color:#fff;background:#003775;padding-left:15px}
.related ul li{float:left;margin:5px 10px 5px 5px;width:175px;overflow:hidden}
.related ul li:last-child{margin-right:0}
.related ul li img{width:175px;height:172px;border-radius:5px}
.related ul li p a{display:block;margin-top:5px;line-height:20px;padding:0 2px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#414141}
.related ul li:hover p a{text-decoration:underline}

.list_pages{margin-top:10px}

.pages{text-align:left;padding-top:15px;margin-bottom:30px}
.pages a{margin:0 3px;display:inline-block;line-height:15px;padding:0 10px;height:25px;line-height:25px;border:solid 1px #dfdfdf;color:#444}
.pages .current{color:#fff;border:solid 1px #012f5f;background:#043b74}

.leftIn{float:left;width:23%;overflow:hidden;margin:0 0 15px 0}
.sideLeft{background:#F2F2F2}
.sideLeft h3{color:#fff;height:34px;line-height:33px;display:block;background:#003a75;padding-left:10px;font-size:14px;cursor:pointer;overflow:hidden;text-transform:uppercase}
.sideLeft ul>li{line-height:33px;display:block;font-size:14px;overflow:hidden}
.sideLeft ul>li a{font-weight:normal;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background:url('../images/vicon.png') no-repeat 15px center;padding-left:30px;color:#666}
.sideLeft ul>li.active h5 a{color:#003a75}
.sideLeft ul ul{display:none}
.sideLeft ul ul li{padding-left:15px}
.sideLeft ul li li:hover a{color:#003a75}

.contactSide{margin-top:20px;background:#F2F2F2}
.contactSide h3{color:#fff;height:34px;line-height:33px;display:block;padding-left:10px;font-size:14px;cursor:pointer;overflow:hidden;text-transform:uppercase;background:#003a75}
.contactSide ul li{line-height:33px;background:url(../images/index.png) no-repeat;padding-left:30px;color:#666}
.contactSide ul li:first-child{background-position:5px 0px}
.contactSide ul li:nth-child(2){background-position:5px -25px}
.contactSide ul li:nth-child(3){background-position:5px -100px}
.contactSide ul li:nth-child(4){background-position:5px -130px}
.contactSide ul li:nth-child(5){background-position:5px -101px}

/*.contactSide ul li:last-child{background:none;padding-left:10px}*/

.contactSide ul li a{color:#666}
.contactSide ul li a:hover{text-decoration:underline}
.caseList{width:75%;height:auto;float:right}

.sub_article dl dd .sub_case_tit a{color:#053d78;font-size:16px}
.sub_article dl dd .sub_case_tit a:hover{text-decoration:underline}
.sub_article_tit{font-size:16px;font-weight:bold;text-transform:uppercase}
.sub_article ul li{margin-bottom:20px;padding:15px 0;background:#ececec}
.sub_article ul li:last-child{border-bottom:0}

.sub_article dl{padding-left:15px}
.sub_article dl dt{width:110px;/*border-top:2px solid #003A75;*/}
.sub_article dl dt .date{background:url(../images/date.jpg) no-repeat;width:70px;height:80px;float:left;margin-right:15px}
.sub_article dl dt .date span{font-size:16px;display:block;padding-top:15px;text-align:center}
.sub_article dl dd{width:84%;float:right;padding:1% 2% 1%;position:relative}
.sub_article dl dd .sub_case_text{margin-top:10px;line-height:20px}
.sub_case_more a{float:right;color:#333;margin-top:5px}
.sub_case_more a:hover{text-decoration:underline}

.case_read{width:100%;overflow:hidden}
.case_read h1{font-size:18px;text-align:center;margin-bottom:10px}
.case_read p{line-height:20px;margin:10px 0}
.case_read p img{display:block;margin:10px auto}


.article_read h1{text-align:center;font-size:22px;font-weight:700;color:#111;}
.article_read p{line-height:20px;margin:10px 0}
.article_read p strong{font-weight: bold;font-size:24px;margin: 15px 0;line-height: 30px;}
.article_read p img{display:block;margin:0 auto}

.faqLeft ul li{border-bottom:#DEDEDE 1px dashed;height:auto;padding:15px 10px}
.faqLeft ul li:hover{background:#043b74;border-bottom:0}
.faqLeft ul li:hover .intro h2 a{text-decoration:underline;color:#fff}
.faqLeft ul li:hover .intro .time{color:#fff}
.faqLeft ul li:hover p{color:#fff}
.faqLeft ul li .img{width:200px;height:133px;float:left;overflow:hidden;margin-right:20px;display:inline-block;box-sizing:border-box}
.faqLeft ul li .img img{width:200px;height:133px;border-radius:8px}
.faqLeft ul li .intro{float:left;width:510px}
.faqLeft ul li .intro h2{margin-bottom:5px;margin-top:10px}
.faqLeft ul li .intro h2 a{color:#32363F;font-size:16px;font-weight:bold}
.faqLeft ul li .intro .time{background:url("../images/i2.png") no-repeat left 2px;font-size:11px;padding:0 0 0 15px;margin:10px 0 0 0;color:#898989}
.faqLeft ul li .intro p{margin-top:8px;font-size:12px;line-height:18px}
.cer_read ul li{float:left;margin:0 30px 20px 20px}
.formtitle{display:table;width:100%;background:#edf4f7}
.formtitle strong{color:#fff;background:#003775;font-size:16px;line-height:40px;text-align:center;white-space:nowrap;padding:0 8px;border-right:1px solid #fff;width:192px}
.formtitle strong,.formtitle p{display:table-cell;vertical-align:middle}
.formtitle p{padding-left:10px}
.map{margin:3% 0}
.inquirShow{margin-top:2%}
.inquirShow ul{padding-left:1%;padding-bottom:3%}
.inquirShow li input,.inquirShow li textarea{padding:6px 5px;border:1px solid #ddd;width:96%;line-height:20px;text-align:left;color:#999}
.inquirShow li.half{width:48%;float:left;margin-right:2%;margin-bottom:2%}
.inquirShow li{width:100%;vertical-align:top}
.inquirShow textarea{display:block;max-width:100%;width:100%;resize:none}
.inquirShow li.codeWrap{text-align:center;margin-top:2%}
.inquirShow li.codeWrap div{width:82px}
.inquirShow li div{display:inline-block;vertical-align:middle}
.inquirShow li label{color:#999;padding:6px 5px}
.inquirShow label{line-height:20px;z-index:1;left:0;top:0}
.inquirShow li img{height:26px;cursor:pointer;margin-left:3px;display:inline-block;vertical-align:middle}
.inquirShow li.codeWrap input{width:88%}
.inquirShow li.btnWrap{text-align:center;margin-bottom:0;margin-top:2%}
.inquirShow li input.btn{padding:0;border:0px none;background:#fff;color:#fff;line-height:28px;margin-bottom:0;width:95px;border:1px solid #ddd;color:#888;font-size:14px;text-align:center;cursor:pointer}
.inquirShow li input.btn:first-child{background:#014fa6;margin-right:8px;color:#fff;border-color:#023a77}
.inquirShow li.mess textarea{color:#999;}
.pro_view_top{overflow:hidden;border:1px solid #c6c6c6;padding:0 0 0 0;background:#F8F8F8}
.pro_img{float:left;margin:3px;border-right:1px solid #D8D8D8;padding-right:1%}
.bpic ul li{display:none}
.bpic ul li img{width:366px;display:block;margin:10px auto 0}
.pro_view_inner{float:right;width:355px;height:auto;padding:0 5px 5px 5px}
.pro_view_inner h1{color:#32518e;font-weight:bold;font-size:16px;margin:20px 0 0 0;border-bottom:1px solid #ccc;padding:0 0 8px 7px}
.pro_view_inner .pro_name{margin:10px 0px}
.pro_view_inner .pro_dscp{font-weight:bold;font-size:1.1em}
.pro_view_inner ul{padding:2%}
.pro_view_inner li{line-height:20px}
.pro_view_inner li img{margin:15px 1px 0 0}
.conNow{display:block;width:130px;height:30px;line-height:30px;padding-left:10px;background:#339bd9 url(../images/jt.png) no-repeat 110px center;margin-top:10px;font-size:16px;color:#fff}
.conNow:hover{background-color:#0177c0}
.pro_view_inner .sh{margin-top:12px}
.pspic{background:#EBEBEB;margin:10px 0 0 0;height:auto;padding:15px}
.spic{overflow:hidden;float:left;margin:0 0 0 0}
.spic ul li{float:left;display:inline;margin:0 5px 0 0;cursor:pointer}
.spic ul li img{width:80px;border:2px solid #ccc;padding:1px}
.spic ul li.hover img{border:2px solid #32518e}
.linkTel{float:left;margin-left:15px;margin-top:18px;background:url(../images/telread.png) no-repeat;padding-left:62px}
.linkTel p{line-height:24px}
.linkTel p a{color:#5F5F5F}

.share {}
.share a {display:inline-block;color:#fff;width:35px;height:35px;line-height:34px;border-radius:50%;text-align:center;background:#343434;border:1px solid #343434;transition:all .3s ease 0s}
.share a+a {margin-left:20px}
.share a i {font-size:18px}
.share a:hover {background:#141414;color:#e50003;border:1px solid #e50003}

.pro_text{margin:20px 0 0 0}
.pro_text .tabs{height:auto;border-bottom:1px solid #ccc}
.pro_text .tabs li{float:left;padding:0 1%;height:34px;line-height:34px;background:url("../images/tab.jpg") no-repeat;color:#5F5F5F;margin-right:2%;cursor:pointer;text-align:center;border-right:1px solid #ccc;border-bottom:none}
.pro_text .tabs li.active{color:#006db8;background:#fff;height:34px;line-height:34px;font-weight:bold;position:relative;top:0;border:1px solid #ccc;border-bottom:none}
.pro_text .tabs li.last{float:right;margin-right:0}
.pro_text .tabscon{color:#555;padding:15px 5px;padding-bottom:4px;overflow:auto}
.pro_text .tabscon dl dt{line-height:20px}
.pro_text .tabscon dl.hide{display:none}
.pro_text .tabscon dl p img{max-width:100%!important}
.inqu_read{margin-top:4%;}
.contactML{width:100%;margin-bottom:20px;border-bottom:1px dashed #ccc;padding-bottom:20px}
.contactML img{max-width: 100%}
.contactML p{line-height:20px}
.contactML h3{font-size:16px;font-weight:bold;line-height:24px;margin:10px 0}
.contactML p strong{color:#e46f05}
.contactML .contactemail{color:#d1972c}
.contactML .contactemail a{text-decoration:underline;color:#000}
.contactMR{width:100%;margin-top:10px;border-bottom:1px dashed #ccc;padding:10px 0 20px}
.contactMR h3{font-size:16px;font-weight:bold;line-height:24px;margin-bottom:10px}
/*.videoList ul li{float:left;margin:0 22px 10px}
.videoList ul li img{width:330px}
.videoList ul li p{text-align:center;line-height:20px;color:#333}*/
.videoList{/*! float:left; *//*! margin:0 22px 10px; */}
.videoList ul{margin:0 -15px;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.videoList ul li{width:50%;padding:15px 15px 0 15px;box-sizing:border-box;}
.videoList ul li a{position:relative;width:100%;display:block;overflow:hidden;}
.videoList ul li a img{width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
.videoList ul li a::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.2) url("../images/video.png") no-repeat center;display:block;}
.videoList ul li .t{padding:5px;box-sizing:border-box;position:relative;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;}
.videoList ul li .t h5{font-size:14px;line-height:22px;color:#333;text-align:center;height:44px;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;}
.videolist ul li:hover a::after{background-color:rgba(0,0,0,0.5);}
.videoList ul li:hover img{transform:scale(1.05);-webkit-transform: scale(1.05);}
.comp_read ul li{float:left;margin:0 10px 30px 6px}
.comp_read ul li a{display:block;color:#666}
.comp_read ul li .tit{margin-top:10px;text-align:center}
.comp_read ul li .tit:hover{text-decoration:underline}
.comp_read ul li a img{width:234px;height:228px}
.comp_read ul li a img:hover{opacity:0.8}
.download_tab{width:100%}
.download_tab .down_name{text-align:left;padding-left:20px}
.download_tab th{height:36px;line-height:36px;font-weight:bold;color:#444;background:#e8e8e8}
.download_tab tr .down_name{width:50%}
.download_tab tr th:nth-child(2),.download_tab tr td:nth-child(2){width:25%;text-align:center}
.download_tab tr th:last-child,.download_tab tr td:last-child{width:25%;text-align:center;vertical-align:top}
.download_tab tr td:last-child img{display:block;margin:0 auto}
.download_tab td{height:56px;border-bottom:solid 1px #ccc}
.download_tab td a{color:#69696b}
.download_tab tr td:first-child{padding-left:20px}
.chpsd .spantext{color:red;margin-left:3%}
.showList{}
.showList p{line-height:24px;color:#333;font-size:14px}
.showList dl.ppl-box{float:left;margin:15px 28px 0 0;height:198px;width:215px}
.showList dl.ppl-box img{width:100%;display:block;border:1px solid #d9534f;box-sizing:border-box}
.showList dl:last-child{margin-right:0}
.showList dl.ppl-box dd{text-align:center;margin:15px 0 0}
.showList dl.ppl-box dd a{color:#333}
.showList .list{margin:15px 0 0}
.showList .list h3{font-size:18px;color:#000}
.showList .list .box{margin:20px 0 0 -2%}
.showList .list .box ul{float:left;width:23%;margin:0 0 15px 2%}
.showList .list .box ul li a{font-size:14px;color:#333}
.showList .list .box ul li a:hover{color:#012D8C}
.relatedtags{margin:30px 0 0}
.relatedtags h3{line-height:40px;background:#d9534f;color:#fff;border-radius:3px;padding:0 0 0 15px}
.relatedtags ul{}
.relatedtags ul li{float:left;line-height:30px;margin:10px 0 0;width:50%;background:url(../images/foot-dd-bg.png) no-repeat left center;padding-left:15px;box-sizing:border-box}
.relatedtags ul li a{color:#333;font-size:14px}

.newslist {padding: 60px 0;}
.newslist ul{margin:-15px -15px 0;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.newslist ul li{width:33.33333%;padding:15px;}
.newslist ul li .box{display:block;background:#fff;border-radius:3px;padding:35px 30px;position:relative;border:1px solid #efefef;transition:all .5s ease;}
.newslist ul li .box::after{font-family: "qico";content: "\e62f";position:absolute;right:25px;top:30px;font-size:30px;color:#5C5C66;}
.newslist ul li .t {margin-top:20px;}
.newslist ul li span{font-size:18px;color:#0f0f0f;font-weight: 600;display:block;margin-top:10px;}
.newslist ul li h5{font-size:20px;color:#060606;font-weight: 700;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height:26px;height:52px;}
.newslist ul li p{font-size:18px;color:#666666;line-height:24px;height:72px;overflow:hidden;margin:15px 0 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.newslist ul li img{display: block;}
.newslist ul li a.more {display: inline-block;width: 140px;text-align: center;margin-top: 20px;line-height: 32px;background: #245386;color: #fff;font-weight: 500;font-size: 16px;transition: all .3s ease-in-out;box-sizing:border-box;border:2px solid #245386;}

.newslist ul li .box:hover {box-shadow:0 0 15px rgba(1,1,1,0.18);}
.newslist ul li a.more:hover{background:transparent;color:#245386;}
.newslist ul li:hover a::after,.newslist ul.list li:hover h5{color:#245386;}