@charset "utf-8";
* {margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all; }
a,:hover,.fixtop,.tblank,.caselist li .pic h1,.caselist li .pic p,.bxslider.active li a
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.abc
{transition-duration:0;-ms-transition-duration:0;-moz-transition-duration:0; -webkit-transition-duration:0;}
.caselist li .pic:hover p
{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.5);-o-transform:scale(1.05);-ms-transform:scale(1.05)}
.abc
{transform:rotate(360deg);-ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); }
.caselist li,.contact .message .list h1 input[type="text"],.contact .message .list h1 textarea,.contact .message .wx
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html{-webkit-text-size-adjust:none;font-family:'Microsoft YaHei','微软雅黑',arial,'宋体';height:100%;}
body {font-family:'Microsoft YaHei','微软雅黑',arial,'宋体';height:100%;margin:0 auto;overflow-x:hidden;font-size:14px;line-height:2;color:#000;font-weight:300;background:#fff;}
h1,h2,h3,h4,h5 {font-weight:normal;font-size:14px;line-height:2;font-weight:300;}
a,input,button,select,textarea {text-decoration: none;outline:none;color:#000;font-size:13px;font-weight:300;}
a:hover,.contact .address li .c a:hover,.casecate li.check a,.casecate li a:hover{color:#e70012}
.table { display:table; height:100%;width:100%;}
.table .td { display:table-cell; vertical-align:middle;}
img {border:0px;max-width:100%; height:auto; vertical-align:middle}
input,button,select,textarea{ outline:none;font-family:'Microsoft YaHei','微软雅黑',arial,'宋体';border:0;}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,li,dl,dt,dd { list-style:none;}
hr {border:0;border-top:1px solid #ccc; height:1px;margin:5px 0}
.clear,.clearfix { clear:both;}
.relative { position:relative}
.reover { position:relative; overflow:hidden}
.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; z-index:1;width:100%; height:100%;top:0}
.gray {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.gray:Hover {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:;}
.gray2 {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:;}
.gray2:hover {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}

::-webkit-input-placeholder {color: #ffffff;}
:-moz-placeholder {color: #ffffff; } 
::-moz-placeholder { color: #ffffff; } 
:-ms-input-placeholder {color: #ffffff; }

::selection {background:#e70012;color:#ffffff;}
::-moz-selection {background:#e70012;color:#ffffff;}
::-webkit-selection {background:#e70012;color:#ffffff;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:70px 0 0 0;text-align:center}
.pager {padding:0 0 0px 0; width:100%;} 
.pager a { margin: 2px 2px;text-align:center; display:inline-block; text-decoration: none;border:1px solid #e6e6e6;}   
.pager span.current { margin: 0 2px; display:inline-block; text-align:center; }   
.pager span.disabled { margin: 0 2px; display:inline-block;text-align:center;border:1px solid #e6e6e6;}   
.pager select {margin: 0px 2px -2px 2px;}
.pager input {margin: 0px 2px -2px 2px; padding:2px; text-align:center;} 
.pager a,.pager span.disabled {}  
.pager a:hover,.pager span.current { background:#666;border:1px solid #e6e6e6;}   
.pager a:hover,.pager span.current{ color:#fff;border:1px solid #666} 
.pager a,.pager span.disabled {color:#000;border:1px solid #e6e6e6;background:#fff} 
.pager a,.pager span.current,.pager span.disabled{width:25px; text-align:center;height:25px; line-height:25px;}
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:14px; } 

.di {float:left;}
.dipage {float:left;}
.picleft {margin-right:30px;margin-bottom:20px;}
.picright {margin-left:30px;margin-bottom:20px;}

.wrap {margin:0 auto;max-width:1480px; position:relative;}
.phonemenu { display:none;}

.fixtop {position:fixed;left:0;top:0; z-index:9998;width:100%; height:122px;background:#fff;}
.fixtop .toper .logo { background:url(../images/logo.png) no-repeat center;display:block;height:84px;width:213px;margin-top:19px; position:relative;float:left; background-size:cover;}
.fixtop .toper ul.navpc {text-align:right; position:relative;float:right;margin:41px -30px 0 0}
.fixtop .toper ul.navpc li {display:inline-block; vertical-align:top;position:relative;margin:0 0 0 4px}
.fixtop .toper ul.navpc li a {display:block;padding:0 30px;font-size:19px;border-radius:25px; height:40px; line-height:40px;font-weight:500}
.fixtop .toper ul.navpc li a:hover,.fixtop .toper ul.navpc li.check a{background:#e70012;color:#fff}
.tblank { height:122px;}

.fixtop.active {top:-122px}
.tblank.active { height:0}
.bxslider li a {display:block; background-position:center; background-repeat:no-repeat; height:604px;}

.indabout {padding:80px 0}
.indabout .mleft {float:left;width:500px}
.indabout .mleft .title {font-size:75px;font-weight:700; line-height:90px;margin:0 0 15px 0}
.indabout .mleft .title font {color:#c31820}
.indabout .mleft .title2 {font-size:28px; line-height:43px;border-top:1px solid #c31820;padding:13px 0 0 0; display:inline-block}
.indabout .mright {float:right;width:840px;font-size:20px; line-height:2.1; text-align:right;}
.indabout .mright .cons { display:inline-block;margin:0 0 0 auto; text-align:left;}
.indabout .mright b,.indabout .mright strong {font-weight:700}

.caselist ul {width:101.4%;margin:-1.4% 0 0 -0.7%}
.caselist li {float:left;width:18.6%;margin:1.4% 0.7% 0 0.7%; background:#f6f5f3;padding:10px}
.caselist li .pic { position:relative; overflow:hidden}
.caselist li .pic img {width:100%}
.caselist li .pic h1 { opacity:0;background:rgba(231,0,18,0.6); position:absolute;width:100%; height:100%; z-index:50}
.caselist li .pic h1 span { letter-spacing:1px;color:#fff;font-size:18px; height:20px; line-height:20px; text-align:center;  position:absolute; z-index:100;width:100%;top:50%;margin-top:-10px}
.caselist li .pic:Hover h1 {opacity:1}
.caselist li .cons {padding:0 10px}
.caselist li .title {
	height:45px;
	line-height:45px;
	overflow:hidden;
	margin:20px 0 10px;
	background-color: #333333;
	width: 100%;
	color: #FFFFFF;
	font-family: "微软雅黑";
	font-size: 25px;
	background-position: center;
	text-align: center;
}
.caselist li .title a {
	font-weight:normal;
	font-size:22px;
	color: #FFFFFF;
}
.caselist li .content {height:69px; line-height:23px; overflow:hidden;font-weight:400;font-size:12px;color:#444}
.caselist li .tag { height:30px; line-height:30px; overflow:hidden;margin:15px 0 10px 0}
.caselist li .tag h1 { display:inline-block; vertical-align:top;}
.caselist li .tag h1 a {color:#fff;border-radius:25px; height:28px; line-height:28px; display:inline-block;padding:0 12px; background:#e70012}
.caselist li .tag h1 a:hover { background:#c31820}
.caselist li .tag h2 { display:inline-block; vertical-align:top;margin:0 0 0 2px}
.caselist li .tag h2 a {color:#fff;border-radius:25px; height:28px; line-height:28px; display:inline-block;padding:0 12px; background:#333}
.caselist li .tag h2 a:hover { background:#000;}

.contact {margin:60px 0 0 0}
.contact .subject {font-size:22px; line-height:42px;color:#333;margin:0 0 25px 0}
.contact .address {margin:45px 0 0px 0;padding:40px 0 40px 0}
.contact .address li {float:left;margin:0 12% 0 0}
.contact .address li.f3 {margin:0}
.contact .address li .t {color:#FF0000;font-weight:700;font-size:22px;margin:0 0 20px 0; letter-spacing:1px}
.contact .address li .c {color:#333;font-size:22px; line-height:37px}
.contact .address li .c a {font-size:22px;color:#333}
.contact .address li.f3 .c {font-size:60px; line-height:70px;color:#333}
.contact .map { text-align:center}

.casecate { text-align:right;margin:10px 0 -15px 0}
.casecate li { display:inline-block; vertical-align:top;margin:0 0 0 15px}
.casecate li a {font-weight:400;color:#333}
.news {margin:30px 0 0 0;min-height:60px}

.casecate2 { text-align:center;margin:30px 0 -15px}
.casecate2 li { display:inline-block; vertical-align:top;margin:0 0 0 15px}
.casecate2 li a {font-weight:400;color:#333}

.closeshow { background:rgba(51,51,51,0.7);padding:0 0 50px 0; position:relative; z-index:1}
.show {
	max-width:940px;
	background:#fff;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
	margin-right: auto;
	margin-left: auto;
	border-top: 10px solid #6f6f6f;
	border-right: 0px solid #6f6f6f;
	border-bottom: 0px solid #6f6f6f;
	border-left: 0px solid #6f6f6f;
}
.show .wrap {max-width:810px}
.show .wrap2 {max-width:1480px}
.show .title {font-size:34px;font-weight:700; line-height:54px;padding:40px 0 0 0}
.show .title2 {font-size:22px;font-weight:400; line-height:42px;color:#333}
.show .content {border-top:1px solid #333;padding:40px 0 0 0;margin:25px 0 0 0; text-align:center}
.show .content,.show .content a {font-size:18px;font-weight:400;color:#333}
.show .content h1,.show .content h2,.show .content h3 { background:#e70012;color:#fff; display:inline-block;margin:10px auto;font-size:24px; line-height:44px; text-align:center;font-weight:400; letter-spacing:1px;padding:0px 25px 2px 25px;}
.show .ad {border-top:1px solid #333;text-align:center;color:#fff;margin:60px 0 0 0;padding:30px 0 0 0}
.show .ad a {font-size:22px;color:#fff;background:#e70012; display:block;max-width:600px;margin:0 auto;padding:6px 0}
.show .ad a:hover { background:#c31820}
.show .ad .t { display:inline-block; vertical-align:middle;font-weight:700;margin:0 20px 0 0}
.show .ad .c { display:inline-block; vertical-align:middle;font-size:16px}
.show .btn { background:#e70012 url(../images/close.png) no-repeat center; position:fixed; z-index:1000;top:0;left:50%;margin-left:470px;width:60px; height:60px; cursor:pointer;}

.contact .message { background:#333;padding:25px 25px 50px 25px;color:#fff;font-size:22px;}
.contact .message .list {float:left;width:45%;margin:0 3.5% 0 0}
.contact .message .list h1 { position:relative;font-size:22px;margin:30px 0 0 0;height:35px; line-height:35px}
.contact .message .list h1 p { position:absolute; }
.contact .message .list h1 span { display:block;margin:0 0 0 110px}
.contact .message .list h1 input[type="text"] {background:#e3e3e3; height:35px; line-height:35px;padding:0 10px;width:100%}
.contact .message .list h1 textarea {background:#e3e3e3;line-height:25px;padding:7px 10px;width:100%; overflow:auto; height:102px;font-weight:400}
.contact .message .list h1.bz { height:auto}
.contact .message .list h1.btn {margin-top:15px}
.contact .message .list h1.btn input { background:#e70012;color:#fff;width:90px; height:35px; line-height:34px; text-align:center; cursor:pointer;font-size:16px}
.contact .message .wx {float:left;width:27%; position:relative; line-height:35px;margin-top:25px;}
.contact .message .wx p { position:absolute}
.contact .message .wx h1 {margin:0 0 0 150px;}
.contact .message .wx h1 img {width:100%}

.ftpic { text-align:center; background:#e70012;margin:70px 0}
.ftbrand {padding:30px 0 0 0}
.ftbrand .cons {float:left;width:47%; text-align:left;}
.ftbrand .cons .in { display:inline-block;margin:0 auto 0 0; text-align:center}
.ftbrand .cons .title {font-size:49px; line-height:69px;font-weight:700;margin:50px 0 12px 0}
.ftbrand .cons .title font {color:#e70012}
.ftbrand .cons .title2 {font-size:25px; line-height:35px; letter-spacing:1px;}
.ftbrand .cons .line { background:#333;width:210px; height:1px;margin:30px auto 20px auto}
.ftbrand .cons .content {font-size:21px; line-height:36px;color:#333; letter-spacing:1px}
.ftbrand .cons .more {margin:20px 0}
.ftbrand .cons .more a { background:#e70012;width:110px; height:35px; line-height:35px; text-align:center;color:#fff; display:block;margin:0 auto;font-weight:400; letter-spacing:1px}
.ftbrand .pic {float:right;width:48%; text-align:right; position:relative; }
.ftbrand .cons .more a:Hover { background:#c31820;}

.foot { background:#000;padding:17px 0 17px 0;color:#C3C4C4}
.foot a {color:#C3C4C4}
.foot a:Hover {color:#fff}
.foot ul {float:left;width:50%;}
.foot ul li { display:inline-block; vertical-align:top;margin:0 30px 0 0;}
.foot ul li a { letter-spacing:2px;}
.foot .cons {float:right;width:48%; text-align:right}
.moreprogram { position:fixed;right:2%;bottom:4%; z-index:9999}
.moreprogram a{ display:block; position:absolute;right:0;bottom:20%; background:#e70012;color:#fff;font-size:21px;width:150px; text-align:center; height:45px; line-height:45px; letter-spacing:1px;}
.moreprogram a:Hover { background:#c31820;}



.casenoblank {margin:0 0 -55px 0}
.indsubject {padding:22px 20px 25px 20px;color:#fff;font-weight:300; letter-spacing:2px; font-size:53px; line-height:63px; background: #d81416; text-align: center;margin:55px 0 35px 0}
.namemj { position:absolute;top:-60px}