@charset "utf-8";
*{ padding:0; margin:0;}
html, body { width: 100%; font-family: "microsoft yahei"; font-size: 14px; margin: 0; padding: 0; color: #333333; background: #fff;}
div, form, img, ul, ol, li, dl, dt, dd { font-family: "microsoft yahei"; margin: 0; padding: 0; list-style: none; border: none;}
a { text-decoration: none; color: #333; transition: all .3s;}
a:hover { text-decoration: none;}
p, span, em { margin: 0; padding: 0; font-style: normal; font-weight: normal;}
h1, h2, h3, h4, h5, h6, b { font-size: 14px; font-weight: normal; margin: 0; padding: 0;}
input, textarea { font-size: 14px; outline: none; background: none; border: 0; resize: none; width: 100%; font-family: "microsoft yahei";}
button{ border: none; }
::-moz-selection{background:#366498; color: #fff; }
::selection{background:#366498; color: #fff; }
img { transition: all 0.2s linear; }
a:hover img{ transform: scale(1.05); }
.fl { float: left;}
.fr { float: right;}
.clear { clear: both;}
.container { width: 1350px; margin: 0 auto;}
.bg{ background: #f1f1f1; }
.more{ margin: 0 auto; margin-top: 30px; width: 150px; border-radius: 4px; display: block; border:1px ; font: 15px/20px "Microsoft yahei"; padding: 12px 0; text-align: center; background: #3385ff; color: #fff; -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3); box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3); }
.more:hover{ transform: translateY(-3px); }

.m20 { margin-top: 20px;}
.m30 { margin-top: 30px;}
.pt30 { padding-top: 30px;}
.pt40 { padding-top: 40px;}
.p40 { padding: 40px 0;}
.top { height: 35px; font:12px/35px "microsoft yahei"; color:#666; background:#ececec; border-bottom: 1px solid #e2e2e2;}
.top .fl ul li { float: left; margin-right: 40px;}
.top .fr ul li { float: left; position: relative;}
.top .fr ul li a { padding:0 10px; display: block; color:#666;}
.top ul li a:hover { color: #ff6900;}
.top .fr ul li.drop-down { border-left: 1px #f5f5f5 solid; border-right: 1px #f5f5f5 solid;}
.top .fr ul li.hover { background: #fff; border-left: 1px #ddd solid; border-right: 1px #ddd solid;}
.top .fr ul li.hover .drop-down-content { display: block;}
.drop-down .drop-down-content { padding:10px 10px 10px 15px; text-align: center;}
.drop-down .drop-down-content img { display: block; width: 132px;}
.drop-down-content { display: none; position: absolute; width: 300px; background: #fff; border: 1px solid #eaeaea; border-top: none; left: -1px; top: 35px; z-index: 999;}
.drop-down-content dl{ float: left; width: 100%; text-align: left; border-bottom: 1px dashed #ccc; padding-bottom: 10px; margin-bottom: 10px;}
.drop-down-content dl:last-child{ border-bottom: none; padding-bottom: 0; }
.drop-down-content dl dt{float: left; width: 60px; font: 15px/25px "Microsoft yahei"; font-weight: bold; }
.drop-down-content dl dd{float: left; width: 60px; font: 14px/25px "Microsoft yahei";}
.drop-down-content dl a{ color: #333; padding: 0 !important; }
.head { background: #fff; height: 60px; padding: 30px 0;}
.head .container{ position:relative; }
.head .logo{ padding-right:10px; }
.logo img { height: 60px; display: block;}

.headline { padding: 0 0 0 15px; margin-top: 8px; border-left: 1px #ddd solid;}
.headline ul{ }
.headline ul li { font-size: 16px; }
.headline ul li:first-child{ -webkit-animation: scaleDraw 3s ease-in-out infinite; color:#fb0000; }
@keyframes scaleDraw {  
            0%{ color: #f59f00; transform: scale(1);   }
            25%{ color:#fb0000; transform: scale(1.045);  }
            50%{ color:#f59f00; transform: scale(1); }
            75%{ color:#fb0000; transform: scale(1.045); }
        }
.headline ul li:last-child{ font:14px/25px "microsoft yahei"; color: #777;  }

.headline1 { padding: 0 0 0 20px; margin-top: 3px; padding-top: 4px; }
.headline1 ul li { font: 14px/22px "microsoft yahei"; color: #666; text-align:right;}
.headline1 ul li span{ display: inline-block; width: 57px; height: 22px; text-align:left; background: #ff5401 url(../images/tell.png) no-repeat 7px center; padding-left: 27px; font-size: 12px; color: #fff; overflow: hidden; border-radius: 9px; float: left; margin-left: 70px; }
.headline1 ul li:last-child{ margin-top: 2px; font:18px/25px "microsoft yahei"; color: #f00;  }

.search{height:40px; margin:13px 0 0 40px; position:relative;width:461px; z-index:105;}
.search .search-wrap {height: 34px;border: 1px solid #366498;background: #FFF !important; position: relative;}
.search .search-wrap .search-option {border: none;position: relative;border-right: 1px solid #366498;width: 80px;height: 34px;color: #555;line-height: 34px;text-decoration: none;text-align: center;padding-right: 12px;vertical-align: middle;display: block;float: left;font-size: 14px;overflow: hidden;cursor: pointer;}
.search .search-wrap dl.select {display: block;position: absolute;top: 34px;left: -1px;border: 1px solid #dcdcdc;width: 92px;line-height: 34px;text-align: center;background-color: #fff; z-index: 9999;}
.search .search-wrap dl.select dd {cursor: pointer;font-size: 14px; color: #333;}
.search .search-wrap dl.select dd:hover {background-color: #366498;color: #fff}
.search .search-wrap .search-option i{DISPLAY:inline;FLOAT:left;MARGIN:15px 0px;WIDTH:6px;POSITION:relative;HEIGHT:6px;-webkit-transition:.3s ease-in;-moz-transition:.3s ease-in;-o-transition:.3s ease-in;transition:.3s ease-in}
.search .search-wrap .search-option i em{BORDER-RIGHT:transparent 3px solid;BORDER-TOP:transparent 3px solid;LEFT:0px;OVERFLOW:hidden;BORDER-LEFT:transparent 3px solid;WIDTH:0px;BORDER-BOTTOM:transparent 0px solid;ZOOM:1;POSITION:absolute;HEIGHT:0px;_border-color:tomato;_filter:chroma(color=tomato);BORDER-TOP-COLOR:#666;TOP:1px}
.search .search-wrap .search-option i{ position:absolute; right:12px; top:15px; margin-right:8px; display:block; margin:0 ;}
.search .search-wrap .search-option i span{BORDER-RIGHT:transparent 3px solid;BORDER-TOP:transparent 3px solid;LEFT:0px;OVERFLOW:hidden;BORDER-LEFT:transparent 3px solid;WIDTH:0px;BORDER-BOTTOM:transparent 0px solid;ZOOM:1;POSITION:absolute;TOP:0px;HEIGHT:0px;_border-color:tomato;_filter:chroma(color=tomato); BORDER-TOP-COLOR:#808080}
.search .kwsbox {left: 0;position: absolute;top: 37px}
.search .sideShadow {float: left;width: 59px;height: 34px;position: relative;z-index: 99999999;background: #FBFBFB;border-right: 1px solid #D8D8D8}
.search .keyWord {color: #909090;float: left;height: 34px;line-height: 34px;overflow: hidden;padding: 0;width: 283px;text-indent:30px;border: none;background: url(../images/new_bg.gif) no-repeat -174px 10px #FFF;}
.search .sub-btn {border: 0;cursor: pointer;height: 36px;line-height: 34px;overflow: hidden;width: 90px;position: absolute;top: 0;right: 0;font-size:16px;color: #fff;transition: all .2s ease-in-out;background:#366498;  font-family:"microsoft yahei"}
.search .sub-btn:hover {background: #ffbf09; }

.tel {}
.tel dl dt{ float: right;}
.tel dl dd { float: left;}
.tel dl dt img { height: 60px;}
.tel dl dd { margin-right: 10px; padding-top: 5px; text-align: right; }
.tel dl dd font { font-size: 15px; color: #555;}
.tel dl dd p { font-size: 24px; color:#d40000; font-weight: bold;}
.xcx { margin-right: 30px; text-align: center;}
.xcx img { display: block; width: 88px;}

.nav{height:50px; box-shadow:0 1px 3px rgba(0,0,0,0.1); background:#366498; position:relative; z-index:999;}
.nav .allGoodsCat{height:50px;position:relative;width:250px;display:block;z-index:100; background:url(../images/btitle.png) no-repeat #ffbf09 25px center; }
.nav .allGoodsCat .coverLay{position:absolute;width:240px;z-index:100}
.nav .allGoodsCat .menuEvent{display:block;font-family:Microsoft yahei;font-weight:700;height:50px;line-height:50px;text-align:center;text-decoration:none;  background: url(../images/bdown.png) no-repeat 200px center;}
.nav .allGoodsCat .menuEvent .catName{font:16px/50px "Microsoft yahei";height:50px; color:#fff}

.nav .header_box{position:absolute;top:50px;right:0;z-index:103;  border-top:none; padding:0 1px; background:#FFF; box-shadow:1px 3px 5px rgba(0,0,0,.1)}
.nav .header_box a{background:#fff;text-align:left;display:inline-block;color:#3C3C3C;border-top:1px solid #e5e5e5;}
.nav .header_box a:hover{color:#CF0F02!important; background:#F6F6F6}
.nav .allMenu{font-size:15px;font-weight:700;line-height:50px;text-align:center;position:relative; width:1080px; padding-left:20px;}
.nav .allMenu li{float:left; width:12.5%; line-height:50px; text-align:center; font:16px/50px "Microsoft yahei"; font-size:16px; font-weight:normal; color: #fff; text-decoration:none; vertical-align:top; transition:all .2s ease-in-out;position:relative;}
.nav .allMenu li:hover,.nav .allMenu li.on{ background:#ffbf09;}
.nav .allMenu a{ font-size:16px; font-weight:normal; color: #fff; text-decoration:none; vertical-align:top; transition:all .2s ease-in-out;}
/*.nav .allMenu a:hover,.nav .allMenu a.on{ background:#ffbf09;color:#fff; }*/
.nav .allMenu ul li ul { display:none; position:absolute; left:0; top:50px; background: #366498;}
.nav .allMenu ul li.open ul { display:block;}
.nav .allMenu ul li ul li{ width:100%;}
.nav .allMenu ul li ul li a { font-size:15px;}
.nav .allMenu span,.nav ul.sideMenu2 span{   font-size:12px; font-weight:100; color:#D94800!important; margin-left:-3px; overflow:hidden;}
.nav .allMenu a.index{background:#FFF;color:#E53E40; font-weight:bold}
.nav ul.sideMenu2{font-size:14px;font-weight:700;height:45px; }
.nav ul.sideMenu2 span{ float:left; line-height:45px;}
.nav ul.sideMenu2 li{position:relative;float:left;z-index:102; background:url(../images/xiala.png) right no-repeat}
.nav ul.sideMenu2 li a{color:#333;height:45px;padding:0 10px;line-height:45px; width:92px; display:block;text-decoration:none;position:relative;z-index:9; text-align:center}
.nav ul.sideMenu2 li .header_box a{color:#3C3C3C;font-weight:normal; width:90px; height:36px; line-height:36px}
.nav ul.sideMenu2 li a.nav:hover,.nav ul.sideMenu2 li a.current{color:#333!important; background:#FFF;}
nav ul.sideMenu2 li.shopzhou{color:#fff!important; background:#fff}
/*.nav .allMenu span.icon_hot{display:block;width:19px;height:23px;background:url(../images/sicon.gif) no-repeat -19px top;position:absolute;top:-3px;right:380px;z-index:99;}*/
.nav .allMenu span.ico_xia{width:11px;height:6px;background:url(../images/li_xia.gif) no-repeat 0px top;position:absolute;top:16px;right:0px;}
.blank15{height:12px;line-height:12px;clear:both;background:#FFF;}
.blank15{height:12px;line-height:12px;clear:both;background:#FFF;}
.nav ul.allMenu li span.icon_new{display:block;width:19px;height:23px;background:url(../images/sicon.gif) no-repeat -19px top;position:absolute;top:-10px;right:0;}
.expandMenu{display:none;left:0px;position:absolute;top:45px; background: #000000 !important; opacity: 0.9;}
.hover .expandMenu{display:block;}
.all_cat{height:500px; position:absolute;width:250px;z-index:10;_padding-top:1px;_margin-top:-1px; background: rgba(0,0,0,0.6);}
.all_cat .box{height:auto; display: table; z-index:10;  box-sizing: border-box;}
.all_cat .box_bg{height:400px; position:absolute;left:0px;top:0px;z-index:-10}
.all_cat .box .bt{width:240px;height:40px;font-size:25px;color:#FFF}
.all_cat ul{position:relative; float:left; text-align: center; padding:20px 10px; box-sizing: border-box; }
.all_cat li{float: left; width: 110px; text-align: center; margin:0 10px 10px 0; /* border-bottom:1px dotted #aaa; padding:5px 0 5px 12px;*/}
.all_cat li:nth-child(2n){ margin-right: 0; }
.all_cat li a{ font:15px/35px "Microsoft yahei"; color: #ccc; display: block; padding: 0 4px; border:1px dashed #a7a7a7; border-radius: 2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.all_cat li a:hover{ color: #fff; border:1px dashed #fff; }
.all_cat li .s1{/* padding-top:8px;  background:url(../images/pull_r_icon.png) 210px 15px no-repeat*/}
.all_cat li .s1 a{color:#fff; font-size: 16px; /*padding-left:30px;*/}
.all_cat li .s1 h2{color:#fff;font-weight:normal}
.all_cat li .s1 a.web{/*background:url(../images/web.png) left no-repeat*/}
.all_cat li .s1 a.host{background:url(../images/web.png) left no-repeat}
.all_cat li .s1 a.value{background:url(../images/web.png) left no-repeat}
.all_cat li .s2{ padding:5px 0;}
.all_cat li .s2 a{display: inline-block; color: #d2d2d2; font-size: 14px; width: 30%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-align: left; margin-top:2px;}
.all_cat li .s2 a:hover{ color: #fff; }
.all_cat li:last-child{border:none;}


.yuyue{ background:#f6f6f6; font-family: 'microsoft yahei'; width:100%; position: relative; }
.yuyue ul{width: 100%;height: 64px;margin: 0 auto;padding: 10px 0; text-align: center;}
.yuyue ul li{float: left; padding:14px 68px;position: relative;}
.yuyue ul li:first-child{border-right: 2px solid #333;}
.yuyue ul li img{ display: block; transition: all .3s ease-in-out; }
.yuyue ul li:hover img{ margin-top: -5px; }

.banner, .banner .slide_stage{ height: 500px;overflow: hidden}
.banner .slide_stage .bg{height: 500px;text-align: center}
.banner .slide_stage a{display: block;width: 750px;height: 500px;text-decoration: none}
.banner .slide_handdler{width: 750px;height: 12px;overflow: hidden;position: absolute;margin-top: -28px;text-align: center}
.banner .slide_handdler a{display: inline-block;width: 12px;height: 12px;border-radius: 12px;overflow: hidden;vertical-align: top;margin-left: 10px;background: #fff;opacity: .5;filter: alpha(opacity=50)}
.banner .slide_handdler a.first{margin-left: 525px}
.banner .slide_handdler a:hover, .banner .slide_handdler .current{background: #e90000;opacity: 1;filter: alpha(opacity=100)}
.banner{position:relative; z-index:8;}
.banner,.banner .slide_main{width:100%;min-width:100% ; display:block;}
/*.slide_main li{position:absolute}*/
.slide_nav{position:absolute;bottom:20px;right:45%; }
.root_body .slide_nav{margin-right:-260px;}
.root_body .slide_nav{margin-left:300px;}
/*.slide_main li a{height:500px;display:block;width:1920px;overflow:hidden;position:absolute;left:50%;top:0;margin-left:-960px;}*/
.slide_nav li{float:left;display:block;width:12px;height:12px;overflow:hidden;border-radius:50%;transition:all .1s ease-in-out;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;background:#eee;text-indent:-999em;margin-right:10px; cursor:pointer;}
.slide_nav li.on{background:#ffbf09;width:12px;height:12px;margin-top:0;}



.lei{ text-align: center; padding-bottom: 40px; background: #fff; overflow: hidden; }
.lei ul li{ float: left; display: inline-block; width: 130px; font:14px/30px "microsoft yahei"; color: #333; transition: all .3s ease-in-out; }
.lei ul li p{ margin-top: 5px; }
.lei ul li a{ transition: all .3s ease-in-out; }
.lei ul li:hover{ margin-top: -8px; }
.lei ul li:hover a{ color: #366498; }


.tui{  }
.tui ul{ margin-top: 20px; overflow: hidden; }
.tui ul li { float: left; width: 134px;	height: 85px;	margin: 1px 0.5px;	position: relative;	background: #fff;	cursor: pointer}
.tui ul li .pic-wrap {margin: 0 auto;	display: block;	text-align: center;	line-height: 120px;	background-color: #fff;	transform: rotateY(0);	transition: all .5s ease-out;}
.tui ul li .pic-wrap img {	vertical-align: middle;}
.tui ul li .pic-wrap.change { transform: rotateY(360deg);	transition: all .5s ease-out;}
.tui ul li:hover .mask { opacity: 1}
.tui ul .mask,.tui ul img {	width: 100%; height: 100%}
.tui ul .mask { position: absolute;	top: 0;	left: 0; padding: 25px 10px 0 10px; background: rgba(0, 0, 0, .75); box-sizing: border-box; color: #fff; text-align: center; z-index: 2; opacity: 0; -webkit-transition: all .3s ease-out;	transition: all .3s ease-out}
.tui ul .mask strong { display: block; width: 100%; font-size: 15px;	font-weight: 400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.tui ul .mask .btn { width: 74px; height: 20px;	text-align: center;	line-height: 20px; background: #F30000; font-size: 12px; border-radius: 9.5px; margin: 10px auto}



.index-main{ padding-bottom: 50px; }
.index-main .index-main-title { font-size: 22px; font-weight: bold;}
.index-main .index-main-title span { color: #366498; margin-right: 8px; font-weight: bold;}
.main-aside { width: 244px; background: #366498; position: relative;}
.index-main1 .index-main-title span{ color:#d86262;  }
.main-aside1{ background:#d86262; }
.index-main0 .index-main-title{ border-left: 5px solid #c70000; padding-left: 10px;  }
.index-main0 .index-main-title span{ color:#444; font-size: 14px; margin-left: 15px; font-weight: normal; }
.index-main .index-main-title a{ float: right; font-size: 14px; font-weight: normal;}
.index-main2 .index-main-title span{ color:#42b3a8;  }
.main-aside2{ background: #42b3a8; }
.index-main3 .index-main-title span{ color:#4997ce;  }
.main-aside3{ background: #4997ce; }
.main-aside4{ background: #8060ff;  }
.index-main4 .index-main-title span{ color:#8060ff;  }
.main-aside img { display: block; width: 100%; height: 562px; object-fit: cover;}
.main-aside-text { position: absolute; top: 50px; left: 30px; color: #fff;}
.main-aside-text h1 { font-size: 24px;}
.main-aside-text p { margin-top: 4px;}
.main-aside-text a { display: block; width: 76px; height: 24px; border: 1px #fff solid; text-align: center; line-height: 24px; margin-top: 24px; color: #fff; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease;}
.main-aside-list { position: absolute; bottom: 50px; left: 22px;}
.main-aside-list ul li { float: left; margin-left: 10px; margin-top: 10px;}
.main-aside-list ul li:nth-child(2n+1) { margin-left: 0;}
.main-aside-list ul li:nth-child(1), .main-aside-list ul li:nth-child(2) { margin-top: 0;}
.main-aside-list ul li a { display: block; width: 87px; height: 30px; background: rgba(0,0,0,0.2); line-height: 30px; text-align: center; color: #fff; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; padding: 0 5px;}
.main-aside-list ul:after { content: ''; display: block; clear: both;}
.main-aside-list ul li a:hover, .main-aside-text a:hover { background: #fff; color: #366498;}
.main-list { width: 1105px;}
.main-list ul{ width: 100%; }
.main-list ul:after { content: ''; display: block; clear: both;}
.main-list ul li { float: left; margin-left: 20px; margin-top: 20px;}
.main-list ul li:nth-child(1), .main-list ul li:nth-child(2), .main-list ul li:nth-child(3){ margin-top: 0;}
.main-list ul li.ad { position: relative; width: 508px;}
.main-list ul li.ad img { display: block; width: 100%; height: 271px; object-fit: cover;}
.main-list ul li.ad .text { position: absolute; top: 50%; left: 40px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.main-list ul li.ad .text h1 { font-size: 24px;}
.main-list ul li.ad .text .prot { font-size: 22px;}
.main-list ul li.ad .text p { font-size: 16px; margin-top: 10px;}
.main-list ul li.ad .text span { display: inline-block; width: 78px; height: 26px; line-height: 26px; text-align: center; background: #366498; margin-top: 40px; color: #fff;}
.main-list ul li.list {float:left; width: 348px; height: 271px; padding: 15px 15px 0 15px; box-shadow: 0 0 5px rgba(0,0,0,0.1); background: #fff; box-sizing: border-box; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease;}
.main-list ul li:nth-child(4n){ margin-right: 0; }
.main-list ul li.list .img { overflow: hidden;}
.main-list ul li.list .img img { display: block; width: 100%; height: 205px; object-fit: cover;}
.main-list ul li.list .text { height: 50px; font-size: 16px; line-height: 50px; text-align: center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease;}
.main-list ul li.list:hover { background: #366498;}
.main-list1 ul li.list:hover{ background: #d86262; }
.main-list2 ul li.list:hover{ background: #42b3a8; }
.main-list3 ul li.list:hover{ background: #4e93c3; }
.main-list4 ul li.list:hover{ background: #8060ff; }
.main-list ul li.list:hover .text { color: #fff;}
.main2 .main-list ul li.ad .text span, .main2 .main-list ul li.list:hover { background: #00cc99;}
.main2 .index-main-title span, .main2 .main-aside-list ul li a:hover, .main2 .main-aside-text a:hover { color: #00cc99;}
.main3 .main-list ul li.ad .text span, .main3 .main-list ul li.list:hover { background: #ff710d;}
.main3 .index-main-title span, .main3 .main-aside-list ul li a:hover, .main3 .main-aside-text a:hover { color: #ff710d;}
.main4 .main-list ul li.ad .text span, .main4 .main-list ul li.list:hover { background: #1695e9;}
.main4 .index-main-title span, .main4 .main-aside-list ul li a:hover, .main4 .main-aside-text a:hover { color: #1695e9;}
.main5 .main-list ul li.ad .text span, .main5 .main-list ul li.list:hover { background: #f8329d;}
.main5 .index-main-title span, .main5 .main-aside-list ul li a:hover, .main5 .main-aside-text a:hover { color: #f8329d;}
.main6 .main-list ul li.ad .text span, .main6 .main-list ul li.list:hover { background: #a22bf7;}
.main6 .index-main-title span, .main6 .main-aside-list ul li a:hover, .main6 .main-aside-text a:hover { color: #a22bf7;}



.index-case{ background: #fff; padding-bottom: 40px; margin-top: 30px; margin-bottom: 30px; }
.title { font-size: 30px; line-height: 40px; text-align: center;}
.case-cate { text-align: center; font-size: 0; margin-top: 30px;}
.case-cate span { display: inline-block; width: 140px; height: 50px; background: #fff; line-height: 50px; cursor: pointer; border: 1px #ddd solid; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; border-left: none; font-size: 15px;}
.case-cate span:first-child { border-left: 1px #ddd solid;}
.case-cate span.cur { background: #366498; color: #fff; border-color: #366498;}
.case-cate span.cur a{ color: #fff; }
.index-case-list { display: none;}
.index-case-list:first-child { display: block;}
.index-case-list ul li { width: 310px; float: left; margin-top: 20px; margin-left: 20px;}
.index-case-list ul li:nth-child(4n+1) { margin-left: 0;}
.index-case-list ul li .img { position: relative;}
.index-case-list ul li .img img { display: block; width: 100%; height: 200px; object-fit: cover;}
.index-case-list ul li .img .mask { position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.7); width: 100%; height: 100%; opacity: 0; -webkit-transition: all 500ms; -ms-transition: all 500ms; -o-transition: all 500ms; -moz-transition: all 500ms; transition: all 500ms;}
.index-case-list ul li .img .mask::before, .index-case-list ul li .img .mask::after { position: absolute; content: ''; opacity: 0; -webkit-transition: all 500ms; -ms-transition: all 500ms; -o-transition: all 500ms; -moz-transition: all 500ms; transition: all 500ms;}
.index-case-list ul li .img .mask::before { top: 20px; right: 20px; bottom: 20px; left: 20px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scale(0, 1); -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0;}
.index-case-list ul li .img .mask::after {  top: 20px; right: 20px; bottom: 20px; left: 20px; border-right: 1px solid #fff; border-left: 1px solid #fff; transform: scale(1, 0); -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform-origin: 100% 0; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0;}
.index-case-list ul li:hover .mask { opacity: 1;}
.index-case-list ul li:hover .mask::before, .index-case-list ul li:hover .mask::after { opacity: 1; transform: scale(1);}
.index-case-list ul li .img .mask .text { color: #fff; text-align: center; width: 75%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.index-case-list ul li .img .mask .text span { font-size: 18px;}
.index-case-list ul li .img .mask .text i { display: block; width: 30px; height: 30px; background: url(../images/more.png) no-repeat center center; margin: 0 auto; margin-top: 20px;}


.zhuang{ width: 100%; background:url(../images/zhuang.jpg) top center repeat-y; background-attachment: fixed; padding: 70px 0; font: 18px/50px "Microsoft yahei"; color: #fff;  overflow: hidden; }
.zhuang ul{ float: left; }
.zhuang ul li{ float: left; padding: 0 45px; border: 1px solid #fff; margin-right: 25px; position: relative; }
.zhuang ul li:before{ content: ""; position: absolute; left: 0; top: 25px; width: 25px; height: 1px; background: #fff; }
.zhuang ul li:after{ content: ""; position: absolute; right: 0; top: 25px; width: 25px; height: 1px; background: #fff; }
.zhuang ul li span{ font-size: 20px; font-weight: 500; color: #ff5401; }
.zhuang a{ float: right; padding: 0 70px; background: #ff5401; color: #fff; }
.zhuang a:hover{ box-shadow: rgba(0, 0, 0, .7) 0px 2px 10px; }



.index-news{ background: #fff; padding: 60px 0 20px 0; }
.index-news-list { margin-top: 30px; }
.index-news-list ul li { width: 420px; float: left; margin-left: 20px;}
.index-news-list ul li:first-child { margin-left: 0;}
.index-news-list ul:after { content: ''; display: block; clear: both;}
.index-news-list ul li dl dt .index-news-img img { display: block; width: 100%; height: 130px;}
.index-news-list ul li dl dt .index-news-txt { line-height: 60px; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
.index-news-list ul li dl dt .index-news-title { font-size: 18px;}
.index-news-list ul li dl dt .index-news-more { color: #999;}
.index-news-list ul li dl dd { background:url(../images/d.png) no-repeat left center #fff; padding: 0 0 0 12px; height: 42px; line-height: 42px;}
.index-news-list ul li dl dd:last-child { border-bottom: none;}
.index-news-list ul li dl dd a { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
.index-news-list ul li dl dd .index-news-text { width: 75%; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.index-news-list ul li dl dd:hover .index-news-text { color: #366498;}
.index-news-list ul li dl dd  .index-news-date{ color: #888; }
.footer { padding: 40px 0; background: #353535; color: #555;}
.f-nav{ overflow: hidden; }
.f-nav li { float: left; margin-right: 80px; }
.f-nav li.fist { width: 200px; margin-right: 40px; }
.f-nav dt { margin-bottom: 10px;}
.f-nav dt a { font-size: 16px; color: #ddd; line-height: 30px;display: block; }
.f-nav dd a { line-height: 2; color: #ddd; display: block;}
.f-nav .pro dd { float: left; min-width: 100px; }
.footer-r{ width:500px; border-left:1px solid #ccc; padding-left:80px; box-sizing:border-box;}
.footer-r .qr-code { width: 120px; text-align: center; color: #ddd; font: 14px/24px "Microsoft yahei";}
.footer-r .qr-code img { display: block; width: 100%;}
.footer-r .hotline { width: 270px; color: #ddd; }
.footer-r .hotline p{ float: left; width: 100%; font: 16px/25px "Microsoft yahei"; }
.footer-r .hotline p.mt{ margin-top:10px;}
.footer-r .hotline span { font: 14px/28px "Microsoft yahei"; color: #ddd;display: inline-block; }
.footer-r .hotline .layer-btn { float: left; margin-top: 10px; width: 192px; height: 46px; background: #bfa169; color: #fff; line-height: 46px; text-align: center; }
footer { background:#353535; border-top: 1px solid #2d2d2d;  padding: 15px 0; text-align: center; color: #ddd; overflow: hidden;}
footer p { line-height: 24px;}
footer p a { color: #ddd;}
.position { line-height: 50px; color: #666; }
.position a{ padding: 0 5px; color: #666; }

.sidebar { width: 280px; margin-bottom: 30px; box-shadow: 0 5px 10px -5px rgba(0,0,0,0.1);  }
.sidebar-title { padding:20px 0 20px 25px; line-height: 28px; font-size: 20px; color: #fff; border-top-right-radius: 15px; font-weight: bold; background:#366498; }

.sidebar-ul { background: #fff; }
.sidebar-ul .firstli { padding: 14px 20px 14px 20px; border-bottom: 1px solid #e7e7e7; }
.sidebar-ul .afirst { font-size: 16px; color: #666; line-height: 40px; display: block; padding-left: 15px; background: url('../images/dot.jpg') no-repeat left center; }
.sidebar-ul .afirst font{ color: #f00; font-size: 14px; }
.sidebar-ul .afirst .icon-right1 { float: right; margin-top: 12px; width: 16px; height: 16px; background:url(../images/pull_r_icon.png) 6px center no-repeat #666; border-radius: 10px;}
.sidebar-ul .firstli .afirst:hover .icon-right1,.sidebar-ul .on .afirst .icon-right1{ background:url(../images/pull_r_icon.png) center center no-repeat #366498; }

.sidebar-ul a:hover,.sidebar-ul .subnav a:hover{ color:#366498; }
.sidebar-ul .on>a,.sidebar-ul .subnav a.on{ color:#366498; }
.sidebar-ul .subnav{ margin-left: 15px; }
.sidebar-ul .subnav a { display: inline-block; min-width: 71px; font-size: 14px; line-height: 30px; color: #666; }
.region-hotline { padding: 40px 0 30px; text-align: center; background: #fff; border-top-right-radius: 15px; box-shadow: 0 5px 10px rgba(0,0,0,0.1); }
.region-hotline h3 { font-size: 16px; color: #666; }
.region-hotline span { margin: 10px 0; display: block; color: #ccc; }
.region-hotline p { color: #366498; line-height: 30px; }
.region-hotline p strong{ font-size: 18px; font-weight: bold; }
.region-hotline img { margin-top: 15px; }

.news-tui{ padding: 15px 0; background: #fff; }
.news-tui li { height: 40px; padding: 0 15px; }
.news-tui li span { float: left; width: 18px; font: 12px/17px "Microsoft yahei"; height: 18px; color: #fff; background: #aaa;text-align: center; border-radius: 50%; margin-top: 11px; margin-right: 5px; }
.news-tui li:first-child span,.news-tui li:nth-child(2) span,.news-tui li:nth-child(3) span { background: #366498; color: #fff }
.news-tui li a { display: block; float: left; font: 14px/40px "Microsoft yahei"; color: #666; }
.news-tui li a:hover { color: #366498 !important; }



.pro-list .con_r_top{ float: left; width: 100%; background:#fff; padding:20px 20px; font: 14px/27px "微软雅黑"; color: #666; box-shadow: 0 5px 10px -5px rgba(0,0,0,0.1); box-sizing: border-box; }
.pro-list .con_r_top p{ margin-bottom:15px;}
.pro-list .con_r_top p:last-child{margin-bottom:0; }
.pro-list .con_r_top a{ color:#366498; padding: 0 12px; display: inline-block; }
.pro-list .con_r_top a:hover{ color:#ffbf09; }
.pro-list .con_r_top a.on{ background: #366498; color: #fff; }

.pro-list { width: 1030px; }
.pro-list ul{ float: left; width: 100%; margin-bottom: 20px; }
.pro-list ul li { float: left; width: 31.83%; height: auto; margin:0 2.25% 2.25% 0; padding: 15px 15px 0 15px; background: #fff; box-shadow: 0 5px 10px -5px rgba(0,0,0,0.15); box-sizing: border-box; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease;}
.pro-list ul li:nth-child(3n){ margin-right: 0; }
.pro-list ul li.list .img { overflow: hidden;}
.pro-list ul li.list .img img { display: block; width: 100%; height: 192px; object-fit: cover;}
.pro-list ul li.list .text { height: 50px; font-size: 16px; line-height: 50px; text-align: center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease;}
.pro-list ul li.list:hover { background: #366498;}
.pro-list ul li.list:hover .text{ color: #fff; }
.pro-item { margin: 14px; background: #fff; transition: all 0.3s linear; box-shadow: 0 0 15px rgba(0,0,0,0.15); border: 1px solid rgba(255,255,255,0); box-sizing: border-box; }
.pro-item .pic { overflow: hidden;height:100%;}
.pro-item .pic img { width: 100%; transition: all 0.5s linear;height: 202px;}
.pro-item .intro { padding: 20px 20px 45px; background: url('../images/icon-jiao.jpg') no-repeat right bottom; }
.pro-item .intro h4 { font-size: 16px; color: #000; line-height: 30px; margin-bottom: 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pro-item .intro p { color: #666; }
.pro-item:hover .pic img { transform: scale(1.1); }
.pro-item:hover { border: 1px solid #366498; box-sizing: border-box; }
.pro-item:hover .intro h4 { color: #366498; }


.product { width: 1000px;}
.product ul li { min-height: 220px; padding: 30px; margin-top: 20px; background: #fff; position: relative; box-shadow: 0 0 15px rgba(0,0,0,0.15);}
.product ul li:first-child { margin-top: 0;}
.product ul li .img { width: 330px; overflow: hidden; position: absolute; left: 30px;}
.product ul li .img img { display: block; width: 100%; height: 220px; object-fit: cover; transition: all 0.3s; }
.product ul li .text { padding: 20px 0 0 370px;}
.product ul li .text strong { font-size: 20px;}
.product ul li .text p { line-height: 24px; max-height: 72px; color: #777; overflow: hidden; margin: 34px 0;}
.product ul li .text span { display: block; width: 100px; height: 34px; line-height: 34px; text-align: center; background: #333; color: #fff;}
.product ul li:hover .text strong { color: #366498;}
.product ul li:hover img{  transform: scale(1.05, 1.05);  -webkit-transform: scale(1.05, 1.05); }
.product ul li:hover .text span { background: #366498;}
.page { width: 100%; text-align: center; margin: 20px 0; font-size: 0; overflow: hidden;}
.page a{  display:inline-block; font-size:14px; border:1px solid #ddd; margin-left:-1px;  background-color:#FFF; cursor:pointer; line-height: 40px;padding: 0 15px;color: #666;}
.page span{  display:inline-block; font-size:14px; border:1px solid #366498; margin-left:-1px;  background: #366498; cursor:pointer; line-height: 40px;padding: 0 15px;color: #fff;}
.page a:hover{  border:1px solid #366498; background-color:#366498; color: #fff;}
/*.page span.page-status{ display:none;}
.page span.page-none{ padding: 0 15px; line-height: 35px; }
.page span.page-num{ line-height:40px; border:none; border-left:1px solid #ddd;}
.page span a{line-height:40px; height:40px; padding:0 15px; color: #666; display:inline-block;}
.page span a.page-num{ }
.page span a.page-num-current,.page span a:hover{color:#fff; background:#366498; }*/


.diqu{ margin-bottom: 30px; }
.diqu .title{ width:100%; text-align:center; font: 28px/100px "Microsoft yahei"; font-weight: bold; color: #333;}
.diqu dl{ width: 100%; font: 14px/27px "Microsoft yahei"; border: 1px solid #eee; border-top: none; background: #fff; overflow: hidden; box-sizing: border-box; }
.diqu dl:nth-child(2){ border-top: 1px solid #eee; }
.diqu dl a{ color: #333; }
.diqu dl dt{ float: left; width: 100px; border-right: 1px solid #eee; font: 14px/60px "Microsoft yahei"; text-align: center; }
.diqu dl dd{ float: left; width: 1190px; padding:15px 10px; box-sizing: border-box; }
.diqu dl dd a{ padding: 0 15px; color: #888; }
.diqu dl dd a:hover{ color: #555; }
.diqu dl dd a.on{ color: #fff; background: #366498; display: inline-block; }



.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#366498;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../images/right_pic5.png)}
.side ul li i.bgs2{background-image:url(../images/right_pic7.png)}
.side ul li i.bgs3{background-image:url(../images/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../images/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../images/right_pic3.png)}
.side ul li i.bgs6{background-image:url(../images/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../images/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#366498;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:200px;display:none;color:#363636; background: #fff; text-align:center; padding: 20px 20px 10px 20px; box-sizing: border-box; position:absolute;left:-200px;top:0;border:1px solid #e0e0e0}
.side ul li.sideewm .ewBox img{ max-width: 100%; }
.side ul li.sideetel .telBox.son{width:250px;height:auto;display:none;color:#fff;text-align:left;position:absolute;left:-250px;top:0;background:#366498}
.side ul li.sideetel .telBox dd{display:block;height:78px;overflow:hidden;padding-left:55px;line-height:24px;font-size:16px}
.side ul li.sideetel .telBox dd span{ overflow:hidden; font:16px/78px "Microsoft yahei";}
.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 18px center no-repeat; background-size: 11%; background-color:#f19b31}
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/right_pic9.png) 18px center no-repeat; background-size: 11%;}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}





/*图片切换加载*/
.prolist{width:100%; border:1px solid #eee; padding:10px 0 0 0; overflow: hidden; box-sizing:border-box; }
.prolist .hd{ width:100%; font:14px/45px "Microsoft yahei"; float:left; box-sizing:border-box; background:#fff; text-align:center}
.prolist .hd li{ display:inline-block; padding:0 17px;cursor:pointer;}
.prolist .hd li.on{ font:14px/45px "Microsoft yahei"; background:#366498; color:#fff; }
.prolist .bd ul{width:100%; padding:20px 0 0 0;  float:left; background: #fff;}
.prolist .bd li{width:300px; margin:0 0 20px 20px; float:left; display:inline; text-align:center;}
.prolist .bd li img{ width:100%; height:200px; display:block; background:url(../images/loading.gif) center center no-repeat; }
.prolist .bd li p{ width:100%; height:35px; font:14px/35px "Microsoft yahei"; color:#333; float:left; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical;}
.prolist .bd li p a{color:#333; display: block; }
.prolist .bd li:hover p a{ color:#366498;}

.new-list{  margin:30px 0 0 0; overflow:hidden}
.new-list-ul{ width:48%; }
.new-list-ul h2{ font:18px/50px "Microsoft yahei"; color:#333; font-weight:bold;}
.new-list-ul h2 a{ float:right; font:12px/50px "Microsoft yahei"; color:#777;}
.new-list-ul ul{ width:100%; }
.new-list-ul ul li{ float:left; width:100%; font:14px/45px "Microsoft yahei"; border-bottom: 1px dashed #eee; color:#555;}
.new-list-ul ul li:last-child{ border: none; }
.new-list-ul ul li a{ color:#555;}
.new-list-ul ul li a:hover{ color:#366498;}
.new-list-ul ul li span{ float: right; color: #888; }
.dilist{ width: 100%; margin-bottom: 30px; margin-top: 10px; border-top:1px dashed #ddd;   }
.dilist .title{ width: 100%; font: 14px/35px "Microsoft yahei"; border-bottom: 1px dashed #ddd; margin-bottom: 20px; }
.dilist ul{ overflow: hidden; margin-bottom: 20px; }
.dilist ul li{  float: left; width: 48%; font: 14px/45px "Microsoft yahei"; box-sizing: border-box; transition: all .3s; }
.dilist ul li:nth-child(2n){ float: right; }
.dilist ul li a{ color: #333; display: inline-block;}
.dilist ul li span{ color: #888; float: right; }
.dilist ul li a:hover{ color: #366498; }


.common { padding:30px 0;}
.common-title { font-size: 20px; padding-left: 12px; position: relative;}
.common-title span { display: inline-block; width: 4px; height: 20px; background: #366498; position: absolute; left: 0; top: 4px;}
.common-title a{ float: right; font: 12px/26px "Microsoft yahei"; color: #666;}
.newgg { margin-top: 20px; padding:20px 0 15px 0; background: #fff; box-shadow: 0 5px 15px rgba(0,0,0,0.1);}
.newggls { padding-top: 10px;}
.newggls ul li { padding: 0 15px; overflow: hidden; line-height: 35px;}
.newggls ul li a { width: 70%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left;}
.newggls ul li span { float: right;}
.news-list ul li { width: 390px; padding: 15px; background: #fff; float: left; margin-left: 20px; margin-top: 20px;}
.news-list ul li:nth-child(3n+1) { margin-left: 0;}
.news-list ul li:nth-child(1), .news-list ul li:nth-child(2), .news-list ul li:nth-child(3) { margin-top: 0;}
.news-list ul li h1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px;}
.news-list ul li .img .i { width: 124px; overflow: hidden; float: left; margin-left: 9px;}
.news-list ul li .img .i:first-child { margin-left: 0;}
.news-list ul li .img .i img { display: block; width: 100%; height: 124px; object-fit: cover;}
.news-list ul li:hover h1 { color: #366498;}
@media (max-width: 1380px) {
.news-list ul li { width: 356px; margin-left: 21px;}
.news-list ul li .img .i { width: 112px; margin-left: 10px;}
.news-list ul li .img .i img { height: 112px;}
}
.case { width: 1030px; }
.case ul li { width: 300px; padding: 15px 15px 20px 15px; float: left; margin-right: 20px; margin-top: 20px; background: #fff; box-shadow: 0 0 15px rgba(0,0,0,0.15);}
.case ul li:nth-child(1), .case ul li:nth-child(2), .case ul li:nth-child(3) { margin-top: 0;}
.case ul li:nth-child(3n){ margin-right: 0; }
.case ul li .img { overflow: hidden;}
.case ul li .img img { display: block; width: 100%; height: 180px; object-fit: cover; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease;}
.case ul li .text { text-align: center; color: #333; font: 16px/45px "Microsoft yahei"; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.case ul li p{ font: 14px/24px "Microsoft yahei"; color: #666; }
.case ul li:hover img{ transform: scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15);}
.case ul li:hover .text { color: #366498;}

.honor ul li .img img{ height: 350px; }

@media (max-width: 1380px) {
.case { width: 976px;}
.case ul li { width: 194px;}
.case ul li .img img { height: 194px;}
}
.news { width: 1030px;}
.news ul li { width: 100%; padding: 15px 20px 15px 15px; background: #fff; float: left; margin-bottom:30px; box-shadow: 0 3px 7px rgba(0,0,0,0.1); border: 1px solid #fff; cursor: pointer; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; box-sizing: border-box;}
.news ul li>a{float: left; width: 225px; height: 140px; border: 1px solid #eee; display: flex;align-items: center; text-align: center; overflow: hidden; }
.news ul li img { width: 225px; height: auto; align-items: center;  transition: all 0.3s linear; }
.news ul li:hover>a img{ transform: scale(1.1); }
.news ul li .img { width: 745px; float: right;}
.news ul li .img font { font: 18px/35px "Microsoft yahei"; color: #1a1a1a; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news ul li .img span{ float: right; font: 14px/35px "Microsoft yahei";  color: #999; }
.news ul li .img p { font-size: 14px; line-height: 22px; color: #9a9a9a; margin: 5px 0; }
.news ul li .img .tag{ font: 12px/24px "Microsoft yahei"; color: #999; margin-top: 10px; }
.news ul li .img .tag a{ color: #999; margin:0 5px; }
.news ul li .img .tag a:hover{ color: #366498; }
.news ul li:hover{ box-shadow: 0 5px 15px rgba(0,0,0,0.15); }
.news ul li:hover font{ color: #366498; }
@media (max-width: 1380px) {
.news { width: 976px;}
.news ul li { width: 438px; margin-left: 20px;}
.news ul li .img .i { width: 140px; margin-left: 9px;}
.news ul li .img .i img { height: 140px;}
}
.case-list ul li { width: 234px; padding: 10px 10px 0; float: left; margin-left: 20px; margin-top: 20px; background: #fff;}
.case-list ul li:nth-child(1), .case-list ul li:nth-child(2), .case-list ul li:nth-child(3), .case-list ul li:nth-child(4), .case-list ul li:nth-child(5) { margin-top: 0;}
.case-list ul li:nth-child(5n+1) { margin-left: 0;}
.case-list ul li .img { overflow: hidden;}
.case-list ul li .img img { display: block; width: 100%; height: 145px; object-fit: cover; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease;}
.case-list ul li .text { text-align: center; font: 14px/40px "Microsoft yahei"; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.case-list ul li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1);}
.case-list ul li:hover .text{ color: #366498;}
@media (max-width: 1380px) {
.case-list ul li { width: 194px;}
.case-list ul li .img img { height: 194px;}
}
.box {  margin-bottom: 20px; }
.detail-l { width: 880px; padding:20px; background: #fff; margin-bottom:20px; box-shadow: 0 5px 15px -5px rgba(0,0,0,0.1);}
.detail-l .detail-info { padding: 0 0 30px 0; margin-bottom: 30px; border-bottom: 1px #ddd solid; position: relative; min-height: 250px; overflow: hidden;}
.detail-l .detail-info .img { width: 430px; height: 305px;  overflow: hidden; }
.detail-l .detail-info .img img { display: block; width: 100%; height: auto; object-fit: cover;}
.detail-l .detail-info .text{ width: 430px; height:278px; font: 15px/30px "Microsoft yahei"; position: relative; }
.detail-l .detail-info .text h1 { font: 20px/36px "Microsoft yahei"; font-weight: bold; color: #333;}
.detail-l .detail-info .text .chang{ font: 16px/30px "Microsoft yahei"; color: #ff6060; }
.detail-l .detail-info .text h2 { color: #999; margin: 8px 0 14px 0;}
.detail-l .detail-info .text h2 span { margin-right: 10px;}
.detail-l .detail-con p { font-size: 14px; line-height: 24px; color: #444;}
.detail-l .detail-con .txt p,.detail-l .detail-con .txt p span{ font: 15px/30px "Microsoft yahei" !important; }
.detail-l .detail-con p img { display: block; max-width: 100%; height: auto !important; margin: 0 auto; margin-bottom:20px; }
.procs { margin: 5px auto 0; }
.procs ul { overflow: hidden;}
.procs ul li { width: 100%; float: left; text-align: left; font:14px/27px "Microsoft yahei"; color: #666; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; box-sizing: border-box;}
.procs ul li:last-child{ height: 105px; }
.procs ul li span{ font-weight: bold; color: #444; }
.text .call{ position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; font: 16px/45px "Microsoft yahei"; color: #fff; }
.text .call p{ float: left; width: 230px; background:#c30000; margin-left: 25px; }
.text .call a{ float: left; padding: 0 40px; color:#fff; background:#ffbf09; transition: all 0.2s; }
.text .call a:hover{  box-shadow: 0 5px 15px -10px rgba(0,0,0,0.9); border-radius: 4px; }
.text .call a:last-child{ background: #c30000; margin-left: 20px; }
.detail-con h3,.about h3{ font-size: 18px; line-height: 20px !important; color:#366498; font-weight: bold; border-left: solid 5px #366498; padding-left: 7px !important; margin-bottom: 10px;}
.detail-con h3 span,.about h3 span{ font-size: 20px !important; font-weight: bold !important; color: #333 !important; }
.new-text { border-bottom: 1px solid #e7e7e7; margin-bottom: 10px;}
.new-text h1 { font: 24px/50px "Microsoft yahei"; font-weight: bold; color: #333;}
.deats { font-size: 13px; line-height: 36px; color: #999;}
.deats span { margin-right: 25px;}
.detail-con{ padding-bottom: 10px; border-bottom: 1px solid #e7e7e7; font: 15px/30px "Microsoft yahei"; overflow: hidden; }
.detail-con>span,.detail-con a { color: #366498;}
.detail-con p,.detail-con p span{ font: 15px/30px "Microsoft yahei" !important; }
.detail-con strong,.detail-con strong span{ font-weight: bold !important; font-size: 16px !important; }
.detail-con>table{ min-width:800px; max-width:100%; text-align:center; border-collapse:collapse;}

.detail-con table td{ height:40px; border-collapse:collapse; border:1px solid #999;}
.detail-l .detail-share { margin-top:5px;}
.detail-l .detail-share a{  }
.detail-l .detail-share .bdsharebuttonbox { display: inline-block; vertical-align: middle;}
.detail-l .detail-link { width: 100%; margin:10px 0 0 0;}
.detail-l .detail-link p { color: #666; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.detail-l .detail-link p a:hover { color: #366498;}
.detail-l .detail-link:after { content: ''; display: block; clear: both;}
.detail-l .detail-comment .header { font-size: 0; padding-bottom: 14px; border-bottom: 1px #ddd solid;}
.detail-l .detail-comment .header span { font-size: 18px;}
.detail-l .detail-comment .header i { display: inline-block; width: 20px; height: 24px; background: url(../images/comment.png) no-repeat center center; vertical-align: top; margin-right: 6px;}

.tags{ width: 50%; font: 14px/44px "Microsoft yahei"; color: #333; margin-top:5px; }
.tags a{ margin-right: 10px; color: #366498; }

.comment-list ul li { padding: 20px 0 20px 60px; position: relative; border-bottom: 1px #ddd solid;}
.comment-list ul li .img { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; position: absolute; left: 0;}
.comment-list ul li .img img { display: block; width: 100%;}
.comment-list ul li .text h1 { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; margin-top: 6px;}
.comment-list ul li .text h1 span.name { font-size: 16px;}
.comment-list ul li .text h1 span.time { color: #999; line-height: 21px;}
.comment-list ul li .text p { margin-top: 14px; line-height: 24px;}
.detail-l .detail-comment .comment { margin-top: 20px;}
.detail-l .detail-comment .comment textarea { height: 106px; width: 100%; border: 1px #ddd solid; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; resize: none; padding: 10px;}
.detail-l .detail-comment .comment button { width: 120px; height: 40px; background: #366498; color: #fff; line-height: 40px; text-align: center; outline-style: none; border: none; cursor: pointer; margin-top: 10px; float: right;}
.detail-l .detail-comment .comment button:hover { opacity: 0.9;}
.detail-r { width: 400px; }
.detail-r .shop { padding: 0 15px 15px 15px; background: #fff; box-shadow: 0 5px 15px -5px rgba(0,0,0,0.1);}
.detail-r .shop:after { content: ''; display: block; clear: both;}
.detail-r .shop h2 { width: 240px; height: 34px; background: #366498; text-align: center; line-height: 34px; font-size: 18px; color: #fff; margin: 0 auto; margin-bottom: 14px;}
.detail-r .shop .shop-info { width: 260px;}
.detail-r .shop .shop-info .text { padding-left: 72px; position: relative; line-height: 24px;}
.detail-r .shop .shop-info .text label { position: absolute; left: 0;}
.detail-r .shop .shop-img img { width: 90px; display: block; border: 1px #366498 solid;}
.detail-r .recommend { padding: 20px 0 0 0; background: #fff; box-shadow: 0 5px 15px -5px rgba(0,0,0,0.1);}
.detail-r .recommend ul{ padding: 0 15px 20px 15px; overflow: hidden; }
.detail-r .recommend ul li { width: 175px; padding:0 0 10px 0; float: left; margin-left: 20px; margin-top: 20px; background: #fff;}
.detail-r .recommend ul li:nth-child(2n+1) { margin-left: 0;}
.detail-r .recommend ul li .img { overflow: hidden;}
.detail-r .recommend ul li .img img { display: block; width: 100%; height: 120px; object-fit: cover; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease;}
.detail-r .recommend ul li .text { text-align: center; margin-top: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.detail-r .recommend ul li img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1);}
.detail-r .recommend ul li .text:hover { color: #366498;}

.content { width: 970px; padding: 30px; background: #fff; box-shadow: 0 0 15px rgba(0,0,0,0.15); }
.content .con-title { font-size: 24px; font-weight: bold; text-align: center;}
.content .about { margin-top: 30px; font: 15px/30px "Microsoft yahei"; }
.content .about p,.content .about p span{ font: 15px/32px "Microsoft yahei" !important;}
.content .about p img { display: block; max-width: 100%; margin: 0 auto;}
.content .contact { margin-top: 30px;}
.content .contact table { width: 100%; border-collapse: collapse;}
.content .contact table tr td { border: 1px #ddd solid; padding: 14px 20px;}
.content .contact table tr td.t1 { width: 120px;}
.content .map { height: 524px; border: 1px #ddd solid; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; margin-top: 20px;}
.about select,.about input,.about textarea{ width: 100%; padding:0 10px; margin-bottom: 20px; color: #333; border: 1px solid #ddd; box-sizing: border-box; }
.about input,.about select,.about select option{ font: 14px/45px "Microsoft yahei"; }
.about select{ height: 45px; }
.about textarea{ min-height: 90px; font: 14px/30px "Microsoft yahei";  }
.about button{ cursor: pointer; background: #366498; color: #fff; font: 14px/45px "Microsoft yahei"; padding: 0 40px; }
.about button:hover{ background: #ffbf09; }
.message{ width:100%; }
.message dl{ float:left; width:100%; margin-bottom:20px; padding-bottom:25px; border-bottom:1px dashed #ddd; }
.message dl dt{ float:left; width:100%; margin-bottom:10px; font:14px/25px "Microsoft yahei"; color:#666; }
.message dl dt img,.message dl dt span{ float:left; }
.message dl dt span{ margin:0 20px 0 5px; }
.message dl dt font{ float:right}
.message dl dd{ float:left; width:940px; margin-left:30px; background:#f6f6f6; border-radius:8px; color:#333; padding:15px; box-sizing:border-box}
@media (max-width: 1380px) {
.content { width: 896px;}
}


.index-about{ color: #fff; padding: 60px 0; background-image: url(../images/aboutbg.jpg); background-attachment: fixed; background-repeat:repeat-y; background-position: top 60px center; }
.Alist { overflow: hidden; margin: 40px 0; }
.Alist li { float: left; width: 33.33%; text-align: center; }
.Alist li strong { font-size: 72px; display: block; font-family: 'DINCond-Mediumf17bc02ea5a8d'; line-height: 80px; }
.myform2 { margin: 0 20px; }
.myform2 .form-item { float: left; margin: 0 7px; }
.myform2 input { background: #fff; width: 320px; height: 40px; line-height: 30px; padding: 10px; }
.myform2 button { background: #366498; font-size: 16px; color: #fff; font-weight: bold; width: 150px; height: 60px; cursor: pointer; }

.about { margin-top: 20px; margin-bottom: 40px; overflow: hidden;}

.about .abcon { width: 100%; font: 16px/30px "Microsoft yahei"; float: right;}
.about .abcon p { font-size: 14px; line-height: 30px;}
.links { width: 100%; margin:15px auto; color: #666; font:14px/25px "Microsoft yahei";}
.links a { display: inline-block; color: #666; margin-right: 15px;}
.links span{ display: inline-block; }

.showcon {}
.showcon img { max-width:100% !important; height:auto !important;}

/*new-case*/
.xxcase-list ul{ position:relative; margin-left:-5px; margin-right:-5px;}
.xxcase-list ul li{ float: left;width: 25%;padding:5px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.xxcase-list ul li i{ display:block; overflow:hidden; height:180px;}
.xxcase-list ul li i img{ max-width:100%;transition: .6s .05s;}
.xxcase-list ul li a:hover img{transform: scale(1.1);}
.xxcase-list ul li a .txt{ background:#fff; padding:10px; text-align:center;}
.xxcase-list ul li a .txt h2{ font-size:18px; padding-bottom:10px; border-bottom:1px solid #ddd; margin-bottom:10px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.xxcase-list ul li a .txt span{ display:block; border-bottom:1px solid #ddd; color:#666; padding:4px 0 10px 0; margin-bottom:10px;}
.xxcase-list ul li a .txt p{ text-align:left; color:#555; height:66px; overflow:hidden;white-space: pre-wrap;word-wrap: break-word;}
.multipleColumn .hd { text-align:center; margin-bottom:20px; margin-top:20px; font-size:14px;}
.multipleColumn .hd ul{ display:inline-block;}
.multipleColumn .hd ul li{ display:inline-block; font-size:12px; width:26px; height:26px; line-height:26px; text-align:center; border-radius:2px;border:1px solid #898989; margin:0 2px; background:#fff; cursor:pointer;}
.multipleColumn .hd ul li.on{ background:#719ff1; color:#FFF;}
.multipleColumn .hd a{ display:inline-block;font-size:12px; width:26px; height:26px; line-height:26px; text-align:center; border-radius:2px;border:1px solid #898989; margin:0 2px; background:#fff; cursor:pointer; position:relative; }
.multipleColumn .hd a i{ position:relative; top:-2px;}
@font-face{font-family:FontAwesome;src:url(../fonts/fontawesome-webfont.eot?v=4.6.3);src:url(../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3) format('embedded-opentype'),url(../fonts/fontawesome-webfont.woff2?v=4.6.3) format('woff2'),url(../fonts/fontawesome-webfont.woff?v=4.6.3) format('woff'),url(../fonts/fontawesome-webfont.ttf?v=4.6.3) format('truetype');font-weight:400;font-style:normal}[class*=am-icon-]{display:inline-block;font-style:normal}[class*=am-icon-]:before{display:inline-block;font:normal normal normal 1.6rem/1 FontAwesome,sans-serif;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.am-icon-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}[class*=am-icon-].am-fl{margin-right:.3em}[class*=am-icon-].am-fr{margin-left:.3em}.am-icon-sm:before{font-size:150%;vertical-align:-10%}.am-icon-md:before{font-size:200%;vertical-align:-16%}.am-icon-lg:before{font-size:250%;vertical-align:-22%}.am-icon-btn{-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;width:48px;height:48px;font-size:24px;line-height:48px;border-radius:50%;background-color:#eee;color:#555;text-align:center}.am-icon-btn:focus,.am-icon-btn:hover{background-color:#f5f5f5;color:#333;text-decoration:none;outline:0}.am-icon-btn:active{background-color:#ddd;color:#333}.am-icon-btn.am-danger,.am-icon-btn.am-primary,.am-icon-btn.am-secondary,.am-icon-btn.am-success,.am-icon-btn.am-warning{color:#fff}.am-icon-btn.am-primary{background-color:#0e90d2}.am-icon-btn.am-secondary{background-color:#3bb4f2}.am-icon-btn.am-success{background-color:#5eb95e}.am-icon-btn.am-warning{background-color:#F37B1D}.am-icon-btn.am-danger{background-color:#dd514c}.am-icon-btn-sm{width:32px;height:32px;font-size:16px;line-height:32px}.am-icon-btn-lg{width:64px;height:64px;font-size:28px;line-height:64px}.am-icon-fw{width:1.25em;text-align:center}
.am-icon-angle-left:before {
    content: "\f104";
}
.am-icon-angle-right:before {
    content: "\f105";
}


.showcon_pic { font-size:0px; line-height:0;}
.detail-l .detail-con .txt .showcon_pic p { font-size:0px !important; line-height:0 !important; margin:0 !important; padding:0 !important;}
.showcon_pic br { font-size:0px; line-height:0;}
.showcon_pic img { margin-bottom:0px !important;}