@charset "UTF-8";

@font-face{
	font-family: myrotFont;
	src: url('font/Roboto-Light.ttf');
}

@font-face{
	font-family: myAbFont;
	src: url('font/times.ttf');
}

@font-face{
	font-family: myAparFont;
	src: url('font/Aparajita.ttf');
}

@font-face{
	font-family: myAvantFont;
	src: url('font/Avant Garde Book BT.ttf');
}

.bannerBox,.bannerBox img{ width: 100%;}

.main{background: #fff;padding:50px 0;}

.position{background:url("../images/ibg2.jpg") no-repeat center center;height:106px;padding:27px 0 0;margin-top:-27px;position:relative;z-index:2;}
.position .wrap{height:100%;display:flex;justify-content:space-between;align-items:center;}
.position h3{font-size:26px;color:#fff;text-transform:capitalize;line-height:1;}
.position p{color:#fff;font-size:15px;}
.position p a{color:#fff;}

.sideright{ float: right; width: 72%;}

.sideleft{ float: left; width: 23%; height: auto;}

              
.side-bar{top:50%;margin-top:-200px;position:fixed;right:10px;z-index:999;}
.side-bar a{display:block;cursor:pointer;width:60px;height:60px;border-radius:6px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background:#f1643c;}
.side-bar a img{max-width:35px;max-width:35px;}
.side-bar a+a{margin-top:4px;}
.side-bar a i{display:inline-block;font-size:34px;color:#fff;}
.side-bar a:hover{background:#333;}
              
              
              
/*about*/

.sidemenu{margin-bottom:20px;}
.sidemenu ul li{line-height:40px; overflow: hidden; text-overflow: ellipsis;border-bottom:1px solid #dddddd;position:relative;}
.sidemenu ul li a{color:#333;font-size:16px;display:block;background: url(../images/sidemenu-li-bg.png) no-repeat left 15px;padding-left:15px;}
.sidemenu ul li:hover a,.sidemenu ul li.active a{background-position: left -22px;color:#f68b0d;}

.sidelist h3,.sidehot h3,.sidemenu h3{font-size:24px;color:#fff;line-height:58px;padding:0 0 0 20px;font-weight:normal;font-family:myAbFont;background:#252628;border-top:5px solid #f6b632;position:relative;}

.sidelist h3::after,.sidemenu h3::after{display:none;font-family:"qico";content: "\e727";position:absolute;top:5px;right:0;width:40px;height:40px;line-height:40px;text-align:center;font-size:20px;-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease, -webkit-transform .3s ease;}
.sidelist h3.active::after,.sidemenu h3.active::after{-webkit-transform: rotate(45deg) scale(1.08);-ms-transform: rotate(45deg) scale(1.08);transform: rotate(45deg) scale(1.08);}

.sidelist{margin-bottom:20px;}
.sidelist ul li{line-height:40px;}
.sidelist ul li h5{font-size:16px;border-bottom:1px solid #dddddd;padding-left:15px;position:relative;}
.sidelist ul li h5 a{color:#333;}
.sidelist ul li h5 a:hover{color:#777;}
.sidelist ul li h5 i{cursor:pointer;width:30px;height:30px;display:block;background: url(../images/jia.jpg) no-repeat left top;position:absolute;right:0;top:calc(50% - 15px);}

.sidelist ul li ul{display:none;}
.sidelist ul li ul li{background:url(../images/vicon.png) no-repeat 15px center;padding-left:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-bottom:1px solid #dddddd;}
.sidelist ul li ul li a{color:#343434;}
.sidelist ul li ul li:last-child{border-bottom:1px solid #e0e0e0;padding-bottom:2%;}
.sidelist ul li:last-child ul li:last-child{border-bottom:0;}
.sidelist ul li ul li:hover a{color:#f68b0d;}

.sidelist ul li.active h5 i{background:url(../images/jia.jpg) no-repeat left bottom;}
.sidelist ul li:hover h5 > a,.sidelist ul li.active h5 > a{color:#005FAC;}

.sidehot{}
.sidehot h3:hover{ color: #f68b0d;}
.sidehot ul li{ width: 100%; margin: 2% 0; border-bottom: 1px solid #e0e0e0; padding: 5% 0;}
.sidehot ul li a{ float: left; margin-right: 3%;}
.sidehot ul li a img{ width: 98px; height: auto;}
.sidehot ul li .hotde h5{ font-size: 15px; font-weight: 300;font-family: myrotFont;color: #000;}
.sidehot ul li .hotde h5:hover{ color: #777;}
.sidehot ul li .hotde p{ font-size: 13px; line-height: 18px; height: 75px; overflow: hidden;text-overflow: ellipsis; margin-top: 1%; color: #777;}

/*-------------*/

.aboutmain{line-height: 24px;}
.aboutmain p{margin-bottom:15px;}


/*-------------*/


.proclass,.projectca{}


.proclass ul{display:flex;flex-wrap:wrap;margin:-15px -15px 0;}
.proclass ul li{width:25%;padding:15px;}
.proclass ul li .pic{display:block;width:100%;box-shadow:0 0 10px rgba(63,62,62,0.15);}
.proclass ul li h5{margin:20px 0 0;text-align:center;}
.proclass ul li h5 a{font-size:18px;color:#125c83;}
.proclass ul li h5 a:hover{color: #f6b632;}



/*goods_list*/

.prohot,.prohot dl{ width: 100%;}

.prohot dl dt,.prohot dl dd{ float: left;}
.prohot dl dt{ margin-right: 3%; width: 200px;}
.prohot dl dt img{ width: 100%;}
.prohot dl dd{ width: 68%;}
.prohot dl dd h3{ color: #f6b632; font-size: 20px; margin-bottom: 3%;}
.prohot dl dd p{ line-height: 24px; font-size: 14px;}
.prohot dl dd .more{ color: #000; font-weight: bold; margin-top: 1%; display: block;}
.prohot dl dd .more:hover{ text-decoration: underline;}

.siderightMain{ width: 100%;}
.siderightMain h2{ font-size: 16px; padding: 1% 0 2%; border-bottom: 1px solid #ccc; text-transform: uppercase; font-family: myAbFont;}

.viewbg{ width: 100%; margin-bottom: 10px; padding: 10px 5px 10px 0; box-sizing: border-box;}

.view-mode { padding: 0 5px 0 1em; float: right;}
.view-mode label { color: #000; font-weight: bold;}
.view-mode a { color: #aaa; text-decoration: none; margin: 0 0 0 1em;}
.view-mode  a .iconG,.view-mode  a .iconLi { display: inline-block; width: 16px; height: 16px; margin-right: 5px; background: url(../images/viewshow.png) no-repeat;}
.view-mode  a .iconLi{ background-position: 0 -20px;}
.view-mode  a.current .iconG{ background-position: -25px 0;}
.view-mode  a.current .iconLi{ background-position: -25px -20px;}
.view-mode  a.current{ color: #f68b0d; font-weight: 700;}


.tabqie{ padding-top: 2%; width: 100%;}

.tabqie>ul>li{ display: none;}

.tabqie>ul>li.active{ display: block;}


.sub_goods{ width: 100%;}
.sub_goods ul{display:flex;flex-wrap:wrap;margin:-15px -15px 0;}
.sub_goods ul li{width:33.3333333%;padding:15px;}
.sub_goods ul li .box{position:relative;overflow:hidden;}
.sub_goods ul li > a{display:block;width:100%;border:1px solid #ccc;overflow:hidden;color: #343434;}
.sub_goods ul li > a > img{width:100%;}
.sub_goods ul li .desc{color:#fff;width:100%;height:100%;position:absolute;left:0;bottom:0;z-index:1000;background:rgba(0,0,0,0.6);padding:10px;transform:translateY(calc(100% - 45px));transition:all 0.3s ease 0s;}
.sub_goods ul li .desc h5{line-height:25px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:normal;}
.sub_goods ul li .desc p{font-size:15px;line-height:22px;max-height:176px;overflow:hidden;margin:10px 0 0;}
.sub_goods ul li .desc .more{margin:10px 0 0;text-decoration: underline; display: block; color: #fff;font-size:16px;}

@media screen and (min-width:992px){
.sub_goods ul li:hover .desc{transform:translateY(0);}
}

.sub_goodsTwo{ width: 100%;}
.sub_goodsTwo ul li{cursor:pointer;border-bottom:1px solid #e0e0e0;padding:15px 0;display:flex;align-items:center;}
.sub_goodsTwo ul li:last-child{border-bottom:none;}
.sub_goodsTwo ul li .pic{width:30%;}
.sub_goodsTwo ul li .pic img{width:100%;}
.sub_goodsTwo .detail{flex:1;margin:0 0 0 40px;}
.sub_goodsTwo .detail h5{font-size:18px;}
.sub_goodsTwo .detail h5 a{ color: #343434;}
.sub_goodsTwo .detail h5 a:hover{color:#005FAC;}
.sub_goodsTwo .detail p{line-height:22px;margin-top:15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}

.sub_goodsTwo .detail .moreto{display:inline-block;margin-top:20px;}
.sub_goodsTwo .detail .moreto span{ background: #262626; color: #fff; width: 95px; display: block; line-height: 40px; text-align: center; font-size: 14px;}
.sub_goodsTwo .detail .moreto span em{ color: #f68b0d; margin-left: 9px;}
.sub_goodsTwo .detail .moreto i:hover{ background-position: left top;}
.sub_goodsTwo .detail .moreto span:hover{ background: #4b4b4b;}


/*--------------*/

.quality{line-height:24px;font-size:15px;color:#333;}
.quality h1{text-align:center;line-height:1;color:#005fac;font-size:36px;margin-bottom:30px;}
.quality h3{font-size:24px;color: #005FAC;text-align:left;text-transform: capitalize;margin-bottom:15px;}
.quality h3~h3{margin-top:20px;}
.quality p{margin-bottom:10px;text-align:left;}
.quality img{float:right;margin-left:10px;}
.quality .row{margin-bottom:25px;}

.quality ul{}
.quality ul li{background:url(../images/dot2.png) left 10px no-repeat;padding:0 0 0 16px;margin: 10px 0 10px 0;}
.quality .qualist{display:flex;flex-wrap:wrap;}
.quality .qualist li{width:25%;}







/*分页*/

.list_pages{margin:30px 0 0;}

.pages{}

.pages a,.pages span{ 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 #d47300; background: #f6b632;}


/*goods_read*/

.pro_view_top{overflow:hidden;border-top:1px solid #e0e0e0; padding-top:25px;display:flex;justify-content:space-between;align-items:flex-start;}

.pro_img{width:460px;display:flex;justify-content:space-between;}

.bpic{overflow:hidden;width:360px;border:1px solid #e0e0e0;}
.bpic ul li{display:none;}
.bpic ul li img{ width: 100%; height: auto; display: block;}

.spic{ width: 80px; overflow:hidden;}
.spic ul li{cursor:pointer;}
.spic ul li+li{margin-top:10px;}
.spic ul li img{width:100%;border:1px solid #e0e0e0;padding:1px;}
.spic ul li.hover img{border-color:#005FAC;}


.pro_view_inner{flex:1;margin:0 50px;}
.pro_view_inner h1{color:#000;font-size:20px;font-weight: normal;}
.pro_view_inner .pro_name{margin:10px 0px;}
.pro_view_inner .pro_name span{ color: black; font-weight: bold;}
.pro_view_inner li{ line-height: 20px;}
.pro_view_inner li img{margin:15px 10px 0 0;}
.pro_view_inner li p{ margin: 1% 0;}
.pro_view_inner .sh{ margin-top: 12px;}


.conright{width:300px; background: #f5f5f5; border-left: 5px solid #f68b0d; padding:12px 24px; box-sizing: border-box; max-height: 370px; overflow: auto;}

.sidecont h5{ font-size: 16px; color: #999; font-weight: normal; margin: 0 0 5%;}

.sidecont h5 span{ font-size: 12px; color: #999;}

.tx{ padding-left: 5%; margin-bottom: 5%;}

.tx img,.tx span{ vertical-align: middle;}

.tx img{ margin-right: 5%;}

.tx span{ font-size: 16px; font-weight: bold; color: #404041;}

.telin,.emailin{ line-height: 37px; border-radius: 5px; border: 1px solid rgb(255, 209, 105); background: #faf4e6 url(../images/gettel.png) no-repeat 10px center; padding-left: 36px;}

.telin p,.emailin p{ font-weight: bold; font-size: 12px; letter-spacing: 1px; color: #666;}

.emailin{ margin-top: 5%; background: #faf4e6 url(../images/gemail.png) no-repeat 10px center;}

.emailin p a{ color: #666;}

.sha{ overflow: hidden; margin-top: 5%;}

.sha a{ display: inline-block; margin-right: 1%;}

.sha p{ color: #5eaaaa;font-size: 9px; line-height: 1; margin-bottom: 5px;}


.inqu{ width: 100%; height: auto; background: #faf4e6; box-sizing: border-box; border-radius: 5px; margin-top: 5%;}

.inqu .inqutit{ height: 37px; line-height: 37px; border-radius: 5px; cursor: pointer; color: #666; background: #ffd169; text-align: right; padding-right: 5%; font-weight: 300; font-size: 13px;margin-top: 15px;text-align: center;}
.inqu .inqutit a{color: #666;}

.inqutit i{ display: block; width: 16px; height: 16px; background: url(../images/gemail.png) no-repeat; float: left; margin: 10px 0 0 10px;}

.inqutit p{ font-weight: bold;}

.inqutit:hover{ color: #404041;}

.inqu .inqutit.active{ background: #faf4e6; border-radius: 5px 5px 0 0;}

.liuyan input,.liuyan textarea{ font-size: 14px; color: #b1a9bb; width: 100%; padding: 6px 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 0; background: #fff;}

.liuyan p{ margin-bottom: 10px;}

.liuyan textarea{ font-family: arial; resize: vertical;}

.liuyan{ padding: 4%; display: none;}

.liuyan .subbtn{ display: block; padding: 0; width: 80px; background: #22a556; text-align: center; line-height: 24px; color: #fff; cursor: pointer; margin: 1% auto;}


.demain{ margin-top: 3%;}

.demainone h3,.demaintwo h3,.related h3{ position: relative; color: #fff; background: #f2972d; line-height: 50px; padding: 0 0 0 35px; font-size: 18px; font-weight: normal;}

.demain .descr{ margin: 2% 0; line-height: 20px; padding: 0 1%;}

.demain .descr p{ margin: 1% 0;}

.demainone h3:after,.demaintwo h3:after,.related h3:after{ position: absolute; left: 0; top: 0; display: block; content: ''; width: 0; height: 0; border-width: 25px; border-style: solid; border-color: transparent transparent transparent #0071ba;}


.related{}
.related ul{margin:10px -10px 0; text-align: center;display:flex;justify-content:center;flex-wrap:wrap;}
.related ul li{width:20%;padding:10px;}
.related ul li .pic{display:block;border:1px solid #f0f0f0;}
.related ul li .pic img{ padding: 5px; width: 100%;}
.related ul li p{ line-height: 18px; font-weight: normal; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin:10px 0 0;}
.related ul li p a{ color: black;}
.related ul li p a:hover{ color: #777;}

/*-----video------*/

.videolist ul{margin:0 0 0 -2%;}
.videolist ul li{float:left;width:48%;margin:0 0 20px 2%;}
.videolist ul li .v{position:relative;width:100%;display:block;overflow:hidden;}
.videolist ul li .v img{width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
.videolist ul li .v::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:0 10px;height:60px;border:1px solid #D9D9D9;border-top:none;display:flex;justify-content:center;align-items:center;text-align:center;}
.videolist ul li .t h5{font-size:14px;color:#202020;line-height:22px;max-height:44px;overflow:hidden;}
.videolist ul li:hover img{transform:scale(1.11);-webkit-transform: scale(1.11);}
.videolist ul li:hover .v::after{background-color:rgba(0,0,0,0.6);}


/*equiment*/
.projectlist{}
.projectlist ul{}
.projectlist ul li{overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px 3px rgba(63,62,62,0.1);}
.projectlist ul li+li{margin-top:30px;}
.projectlist ul li .pic{display:block;overflow:hidden;width:530px;}
.projectlist ul li .pic img{display:block;width:100%;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
.projectlist ul li .nr{-webkit-flex:1;flex:1;padding:0 20px 0 40px;box-sizing:border-box;}
.projectlist ul li .nr em{font-size:54px;color:#d4d4d4;display:block;font-weight:bold;}
.projectlist ul li .nr h5 a{font-size:22px;color:#404040;margin:10px 0 0;font-family:'DINPro-Medium';display:block;}
.projectlist ul li .nr p{font-size:14px;color:#666;/*! line-height:24px; */margin:10px 0 0 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow: hidden;}
.projectlist ul li .nr a.more{font-size:15px;color:#333;width:120px;height:36px;line-height:36px;text-align:center;border:1px solid #333;display:inline-block;margin:20px 0 0 0;border-radius:10px;}
.projectlist ul li .nr a.more:hover{background:#0A8AE3;color:#fff;border:1px solid #0A8AE3;}

.projectlist ul li:nth-child(2n){-webkit-flex-direction:row-reverse;flex-direction:row-reverse;}
.projectlist ul li:nth-child(2n) .pic{}
.projectlist ul li:nth-child(2n) .nr{}

.projectlist ul li:hover img {transform:scale(1.11);-webkit-transform:scale(1.11);}


 /*case_list*/.case-list ul li {border-bottom:#DEDEDE 1px dashed;padding:15px 10px;display:flex;align-items:center;}.case-list ul li .img {width:200px;overflow:hidden;border-radius:5px;}.case-list ul li .img img{width:100%;}      .case-list ul li .nr{margin-left: 30px;}.case-list ul li{display: flex;border-bottom: #DEDEDE 1px dashed;padding: 15px 10px;}.case-list ul li .pic{margin-right: 20px;}.case-list table{width:100%;max-width:100%;margin-bottom:20px;font-size:15px;border:1px solid #D9D9D9;color:#333;height: 100%;}.case-list table tr > th{padding:8px 8px;line-height:1.42857143;vertical-align:middle;border:1px solid #D9D9D9;font-weight:bold;}.case-list table tr > td{padding:8px 8px;line-height:1.42857143;vertical-align:middle;border:1px solid #D9D9D9;}.case-list table tr.firstRow > td{font-weight:bold;}.case-list table tr > td *{margin:0;padding:0;}.case-list table tr > td p{margin:0;}                             
                                    

/*article_list*/

.news-list ul li {border-bottom:#DEDEDE 1px dashed;padding:15px 10px;display:flex;align-items:center;}
.news-list ul li .img {width:200px;overflow:hidden;border-radius:5px;}
.news-list ul li .img img{width:100%;}

.news-list ul li .intro {flex:1;margin-left:25px;}
.news-list ul li .intro h2{margin-bottom:5px; margin-top: 10px;}
.news-list ul li .intro h2 a{color:#32363F;font-size:16px;font-weight:bold;}
.news-list 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;font-family:Verdana, Geneva, sans-serif; color:#898989;}
.news-list ul li .intro p{margin-top:8px;font-size:12px; line-height: 18px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

@media screen and (min-width:768px){
.news-list ul li:hover{ background: #f68b0d; border-bottom: #f68b0d 1px dashed;}
.news-list ul li:hover .intro h2 a{ text-decoration: underline; color: #fff;}
.news-list ul li:hover .intro .time{ color: #fff;}
.news-list ul li:hover p{ color: #fff;}
}

/*article_read*/

.sub_right_tit{font-size:20px;line-height:50px;background:#005FAC;color:#fff;padding-left:20px;margin-bottom:25px;text-transform:uppercase;}

.case_read{}
.case_read h1{font-size:24px;text-align:center;color:#111;}
.case_read .txt{margin:30px 0 0;line-height:24px;}
.case_read .txt p{margin-bottom:10px;text-align:justify;}
.case_read .txt p a{color: blue;text-decoration: underline;}
.case_read .txt p img{ margin: 10px auto; max-width: 100%;}


.pnbar{margin:30px 0 0;}
.pnbar > p{background:#F4F3F4;padding:10px 15px;}
.pnbar > p+p{margin-top:15px;}
.pnbar > p b{color:#f68b0d; line-height:20px;}
.pnbar > p a{color:#444;line-height:20px;}
.pnbar > p a:hover{text-decoration:underline;}



/*faq*/

.sub_faq ul li{ margin-bottom: 3%;}

.sub_faq{ overflow: hidden;}

.sub_faq ul li{ height: 140px; background: #f1f1f1; overflow: hidden; margin-bottom: 3%;}

.sub_faq ul li img{ width: 74px; height: 140px; float: left; margin-right: 20px;}

.sub_faq_tit{ font-size: 14px; line-height: 48px;}

.sub_faq_tit a{ color: #000;}

.sub_faq_text{ height: 60px; overflow: hidden; line-height: 20px; color: #666;}

.sub_faq ul li:hover .sub_faq_tit a{ color: #f68b0d; text-decoration: underline;}



.asideLink{ width: 100%; text-align: left; margin-top: 8%;}

.asideLink>a i, .asideLink>a span{ display: block;}

a.asideDown{ background: #252628 url(../images/bg-down.png) no-repeat 15px center; color: #fff; border-top: 5px solid #f68b0d; margin-bottom: 17px;}

.asideLink>a{ padding: 20px 0 25px 100px; display: block; font-size: 19px; line-height: 1; text-transform: uppercase; box-sizing: border-box;}



.sub_read p{ line-height: 20px; margin: 2% 0;}





/*contact*/

.aboutread{ width: 100%; height: auto;}

.aboutread h3{ font-size: 24px; font-weight: normal; color: #2982C4; text-align: center;}

.aboutread p{ line-height: 24px;}



.cont p{ line-height: 20px; margin: 10px 0;}

.cont p img{ max-width: 100%;}


.mess{padding-bottom:30px;border-bottom:1px dashed #ccc;}
.mess h3{font-size:36px;text-align:center;line-height:1;}
.mess h4{font-size:18px;margin:20px 0 0;font-weight:normal;text-align:center;}
.mess .list{margin:30px 0 0;}
.mess dl{line-height:30px;display:flex;}
.mess dl+dl{margin-top:10px;}
.mess dl dt,.mess dl dd{background:#F4F3F4;padding:8px 15px;}
.mess dl dt{width:220px;}
.mess dl dd{flex:1;margin-left:10px;}
.mess dl dd a{ color: #666;}

.formtitle{background:#edf4f7;margin-top:30px;display:flex;align-items:center;}
.formtitle h3{color:#fff;background:#f6b632;font-size:16px;line-height:45px;text-align:center;border-right:1px solid #fff;width:160px;}
.formtitle p{padding-left:15px;}

.contact-inquiry{margin:20px 0 0;}

.inquirbox{}
.inquirbox h5{background:#F0B323;}
.inquirbox .row{margin-bottom:15px;}
.inquirbox .input-box{position:relative;}
.inquirbox input[type="text"],.inquirbox textarea{padding:12px 15px;font-size:16px;border:1px solid #D2D2CF;width:100%;line-height:22px;text-align:left;color:#111;}
.inquirbox textarea{max-width:100%;width:100%;resize:none;}
.inquirbox input[type="text"]:focus,.inquirbox textarea:focus{box-shadow:0 0 5px rgba(0,0,0,0.15);border-color:#999;outline:0}
.inquirbox .red{color:#f00;font-weight:bold;}
.inquirbox .yzm { width:70%; margin-right:10px;}
.inquirbox img {cursor: pointer; margin-left: 3px; display: inline-block;vertical-align: middle;}
.inquirbox .submit{margin:0 auto;width:200px;line-height:44px;background:#005FAC;text-align:center;display:block;color:#fff;font-size:17px;cursor:pointer;}
.inquirbox .submit:hover{background:#0071BA;}

.inquirbox 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;}
.inquirbox input.btn:first-child { background: #55ab26; margin-right: 8px; color: #fff; border-color: #55ab26; cursor: pointer;}


/*download*/

.downlist ul li{overflow:hidden;border: 1px solid #ccc;display:flex;justify-content:space-between;align-items:center;padding:5px 15px;}
.downlist ul li+li{margin-top:15px;}
.downlist ul li h5{background: url("../images/bi.png") no-repeat left center;padding:0 0 0 15px;font-weight:bold;line-height:40px;}
.downlist ul li h5 a{font-size:16px;color:#333;}
.downlist ul li h5 a:hover{color:#f68b0d;}
.downlist ul li .down{display:block;width:40px;height:40px;background: url("../images/downicon.png") no-repeat center;text-indent:-9999px;}





/*project*/


.projectca ul{display:flex;flex-wrap:wrap;margin:-15px -15px 0;}
.projectca ul li{width:33.333333%;padding:15px;}
.projectca ul li img{width:100%;}
.projectca ul li > h5{text-align:center;margin:20px 0 0;color:#333;font-size:18px;}
.projectca ul li .intro{padding:15px;background: #f1f1f1;}
.projectca ul li .intro .time{display: block;font-size:14px;line-height:1.5;color:#333;}
.projectca ul li .intro .time b{font-size:30px;font-weight:normal;color:#f0aa16;margin-right:3px;}
.projectca ul li .intro h6{font-size:18px;color:#333;font-weight:normal;line-height:24px;height:48px;overflow:hidden;}

.projectca ul li .intro:hover .time,.projectca ul li .intro:hover h6{ color: #f0aa16;}



.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 #d9534e;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;} 



/*success*/
.success{}

.contact-success{text-align:center;padding:20px 0 40px;}
.contact-success h5{font-size:36px;font-weight:bold;color:#222428;line-height:1;margin:20px 0 0;}
.contact-success p{color:#222428;margin:20px 0 0;font-size:16px;line-height:28px;}
.contact-success .btn{margin:40px 0 0;font-size:0;}
.contact-success .btn a{height:57px;line-height:57px;padding:0 40px;box-sizing:border-box;display:inline-block;font-size:20px;vertical-align:top;}
.contact-success .btn a:first-child{background:#005fac;color:#fff;}
.contact-success .btn a:first-child:hover{background:#005fac;}
.contact-success .btn a:last-child{background:#fff;border:1px solid #005fac;color:#005fac;margin-left:50px;}
.contact-success .btn a:last-child:hover{background:#005fac;border-color:#005fac;color:#fff;}

@media screen and (max-width:768px) {

.contact-success{padding:10px 0 20px;}
.contact-success h5{font-size:30px;}
.contact-success .btn a{height:50px;line-height:50px;padding:0 30px;font-size:18px;}
.contact-success .btn a:last-child{margin-left:30px;}

}

@media screen and (max-width:480px) {

.contact-success{padding:10px 0 20px;}
.contact-success img{width:150px;}
.contact-success h5{font-size:24px;margin:15px 0 0;}
.contact-success p{margin:15px 0 0;font-size:15px;line-height:24px;}
.contact-success .btn{margin:20px 0 0;}
.contact-success .btn a{height:40px;line-height:40px;padding:0 20px;font-size:15px;}
.contact-success .btn a:last-child{margin-left:20px;}

}