@charset "utf-8";
/* CSS Document */

/* common */
html { background:url(images/body.png) repeat; height:100%; }
* { margin:0; padding:0; list-style:none; }
body { font-size:14px; color:#222; font-family:Helvetica,STHeiti STXihei,Microsoft JhengHei,Microsoft YaHei,sans-serif; height:100%; }
.float_clear,.clear { clear:both; }
.float_left,.left { float:left; }
.float_right,.right { float:right; }
.display_none { display:none; }
img { border:0; vertical-align:top; }
.red { color:red; }
.must_input { font-weight:bold; color:red; }
.green { color:green; }
.blue { color:blue; }
.gray { color:gray; }
.purple { color:purple; }
.highlight { color:#FFF; background:red; padding:1px; }
/* a */ 
a { color:#222; text-decoration:none; text-decoration:none; -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; }
a:visited { }
a:active, a:hover { text-decoration:none; color:#4467a7; }
a:focus { outline:none; }
p { line-height:22px; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; letter-spacing:1px; }
:focus { outline:0; text-decoration:none; }
a:focus {outline:0; text-decoration:none; color:#4467a7; }
span,i,em,big,small,b,strong { font-size:inherit; font-weight:normal; font-style:normal; }
.flex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
.lflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
.rflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
.mflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; }
input,textarea { border-radius:0; -webkit-appearance:none; appearance:none; background:none; border:0; box-shadow:0 0 0; font-family:Helvetica,STHeiti STXihei,Microsoft JhengHei,Microsoft YaHei,sans-serif; font-size:14px; }
/* header */
header { position:fixed; top:0; left:0; width:100%; z-index:100; height:98px; }
.header { height:100%; }

.logo { position:relative; height:100%; padding:20px 0 0; box-sizing:border-box; }
.logo a { position:relative; height:100%; display:block; }
.logo a img { height:100%; }

.top_name { height:100%; padding:20px 0 0 10px; box-sizing:border-box; color:#fff; }
.top_name h2 { font-size:28px; letter-spacing:0; line-height:28px; }
.top_name h3 { font-size:16px; letter-spacing:2.3px; line-height:30px; }
.top_name h4 { font-size:15.8px; letter-spacing:0; line-height:14px; }

.rnav { height:100%; color:#fff; }
.rnav a { color:#fff; }
.rnav .top { height:36px; margin:0 6px 0 0; }
.rnav .top ul { height:100%; }
.rnav .top li { height:100%; -webkit-transform:skew(-20deg,0deg); -moz-transform:skew(-20deg,0deg); -o-transform:skew(-20deg,0deg); -ms-transform:skew(-20deg,0deg); transform:skew(-20deg,0deg); border-right:1px solid #e5e5e5; }
.rnav .top ul li:first-child { border-left:1px solid #e5e5e5; }
.rnav .top li a { display:block; line-height:36px; height:100%; padding:0 20px; -webkit-transform:skew(20deg,0deg); -moz-transform:skew(20deg,0deg); transform:skew(20deg,0deg); -ms-transform:skew(20deg,0deg);  -o-transform:skew(20deg,0deg); }

.rnav nav { height:62px; margin:0 24px 0 0; }
.rnav nav ul { position:relative; height:100%; }
.rnav nav li { height:100%; -webkit-transform:skew(-20deg,0deg); -moz-transform:skew(-20deg,0deg); -o-transform:skew(-20deg,0deg); -ms-transform:skew(-20deg,0deg); transform:skew(-20deg,0deg); border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; box-sizing:border-box; }
.rnav nav ul li:first-child { border-left:1px solid #e5e5e5; }
.rnav nav li a { display:block; line-height:60px; font-size:18px; height:100%; padding:0 20px; -webkit-transform:skew(20deg,0deg); -moz-transform:skew(20deg,0deg); transform:skew(20deg,0deg); -ms-transform:skew(20deg,0deg);  -o-transform:skew(20deg,0deg); position:relative; }
.rnav nav li a:after { content:""; display:block; height:5px; -webkit-transform:scale(0,1); -moz-transform:scale(0,1); -o-transform:scale(0,1); transform:scale(0,1); transform-origin:left center; -webkit-transform-origin:left center; -webkit-transition:all .15s ease-out; -moz-transition:all .15s ease-out; -ms-transition:all .15s ease-out; -o-transition:all .15s ease-out; transition:all .15s ease-out; filter:alpha(opacity=@opacity * 100); -moz-opacity:0; -khtml-opacity:0; opacity:0; background-color:#4467a7; bottom:12px; position:absolute; left:18px; right:18px; }
.rnav nav li a:hover:after,nav li a.current:after { -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -o-transform:scale(1,1); transform:scale(1,1); filter:alpha(opacity=@opacity * 100); -moz-opacity:100; -khtml-opacity:100; opacity:100; opacity:1; }

header#fixed { background:rgba(255,255,255,0.8); height:52px; box-shadow:0 0 10px #333; }
header#fixed .logo { padding:0; }
header#fixed .top_name { padding:0 0 0 10px; }
header#fixed .top_name h2 { font-size:23px; line-height:24px; color:#4467a7; }
header#fixed .top_name h3 { font-size:14px; line-height:18px; color:#000; letter-spacing:0.8px; }
header#fixed .top_name h4 { display:none; }
header#fixed .rnav .top { display:none; }
header#fixed .rnav nav { height:100%; margin:0 11px 0 0; }
header#fixed .rnav nav li a { line-height:50px; color:#222; }
header#fixed .rnav nav li a:after { bottom:7px; }
header#fixed .rnav li { border-color:#4467a7; }

/*通用加载*/
.w1200 { width:1200px; margin:0 auto; }
.success { -webkit-animation:fadeIn 01s ease 0.2s 1 both; animation:fadeIn 1s ease 0.2s 1 both; -moz-animation:fadeIn 1s ease 0.2s 1 both; -o-animation:fadeIn 1s ease 0.2s 1 both; -ms-animation:fadeIn 1s ease 0.2s 1 both; }
@-webkit-keyframes fadeIn {
from { opacity:0; }
to { opacity:1; }
}
@keyframes fadeIn {
from { opacity:0; }
to { opacity:1; }
}

/*首页CSS*/
.index { }

.ititle { margin:0 auto 20px; }
.ititle h2 { font-size:40px; color:#4467a7; line-height:40px; }
.ititle h3 { font-size:36px; color:#4467a7; font-weight:bold; position:relative; }
.ititle h3:before { position:absolute; left:-120px; top:50%; height:3px; background:#4467a7; content:""; width:100px; }
.ititle h3:after { position:absolute; right:-120px; top:50%; height:3px; background:#4467a7; content:""; width:100px; }
.ititle h4 { font-size:16px; }
.ititle.white h2,.ititle.white h3,.ititle.white h4 { color:#fff; }
.ititle.white h3:before,.ititle.white h3:after { background:#fff; }

#iabout { padding:50px 0; position:relative; }
#iabout h2 { font-size:46px; font-weight:bold; text-align:center; line-height:38px; }
#iabout h3 { font-size:36px; font-weight:bold; text-align:center; line-height:36px; margin:20px 0; }
.iabout { position:relative; }
.iabout ul { margin:0 -10px 0; }
.iabout li { width:16.6666667%; padding:0 10px; box-sizing:border-box; }
.iabout dl { border:4px solid #d8d8d9; border-radius:12px; color:#fff; text-align:center; background:#345db5; cursor:pointer; text-shadow:0 1px 1px #333; }
.iabout dt { height:60px; position:relative; margin:20px auto; width:60px; background:#fff; color:#000; border-radius:100%; font-size:40px; }
.iabout h4 { font-size:22px; }
.iabout h5 { font-size:15px; }
.iabout h6 { font-size:15px; padding:10px 7px 20px; }
.iabout li.b dl { background:#7700ff; }
.iabout li.c dl { background:#30a0c1; }
.iabout li.d dl { background:#ff203f; }
.iabout li.e dl { background:#f60; }
.iabout li.f dl { background:#5abb4a; }
.iabout li:hover dl { margin:-10px 0 0; }


#ibrand { padding:50px 0 40px; position:relative; background:url(images/ipro_bg.jpg) no-repeat center / cover; background-attachment:fixed; z-index:1; }
#ibrand:before { position:absolute; left:0; top:50%; width:596px; height:596px; margin:-298px 0 0 -298px; background:url(images/ipro_bg.png) no-repeat center / cover; z-index:3; content:""; -webkit-animation-duration:6s; -o-animation-duration:6s; -ms-animation-duration:6s; -moz-animation-duration:6s; animation-duration:6s; -webkit-animation-fill-mode:both; -o-animation-fill-mode:both; -ms-animation-fill-mode:both; -moz-animation-fill-mode:both; animation-fill-mode:both; animation-timing-function:linear; -webkit-animation-timing-function:linear; -moz-animation-timing-function:linear; -o-animation-timing-function:linear; -ms-animation-timing-function:linear; -webkit-animation-name:rotary; animation-name:rotary; -moz-animation-name:rotary; -o-animation-name:rotary; -ms-animation-name:rotary; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -o-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; }
#ibrand .ititle { position:relative; z-index:4; }
@-webkit-keyframes rotary {
0% { transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg); transform:rotate(0deg); transform:rotate(0deg); }
100% { transform:rotate(360deg); }
}
@keyframes rotary { 
0% { transform:rotate(0deg); }
100% { transform:rotate(360deg); }
}
.ibrand { position:relative; z-index:5; }
.ibrand ul { margin:-10px -10px 0; }
.ibrand li { padding:10px; box-sizing:border-box; float:left; width:calc(100% / 6); }
.ibrand li dl { position:relative; box-shadow:0 0 10px #333; border-radius:100%; }
.ibrand li dl a { display:block; overflow:hidden; border-radius:100%; border:5px solid #fff; box-sizing:border-box; background:#fff; }
.ibrand li dt {  }
.ibrand li dt img { width:100%; height:auto; transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; -ms-transition:all 0.6s; -moz-transition:all 0.6s; } 
.ibrand li dd { position:absolute; left:0; bottom:0; width:100%; height:100%; z-index:2; overflow:hidden; transition:all 0.4s; -o-transition:all 0.4s; -webkit-transition:all 0.4s; -ms-transition:all 0.4s; -moz-transition:all 0.4s; border-radius:100%; background:rgba(0,0,0,0.7); color:#fff; opacity:1; font-size:20px; }
.ibrand li a:hover dt img { -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg); }
.ibrand li a:hover dd { opacity:0; bottom:100%; }
.ibrand li a:hover { border-color:#4467a7; }
.ibrand li:nth-child(25) { margin:0 0 0 18.75%; }

#ipro { padding:50px 0; position:relative; z-index:2; background:#fff; }
.ipro ul li { float:left; width:25%; }
.ipro ul li dl { border:1px solid #4467a7; text-align:center; border-left:0; border-top:0; position:relative; }
.ipro ul li:nth-child(4n) dl { border-right:1px solid transparent; }
.ipro ul li:nth-child(5) dl,.ipro ul li:nth-child(6) dl,.ipro ul li:nth-child(7) dl,.ipro ul li:nth-child(8) dl { border-bottom:1px solid transparent; }
.ipro ul li dl a { display:block; height:300px; }
.ipro ul li dt { height:100%; }
.ipro ul li dt img { max-height:100%; max-width:100%; }
.ipro ul li dd { position:absolute; left:0; bottom:0; right:0; height:0px; opacity:0; background:rgba(0,0,0,.8); color:#fff; font-size:20px; text-shadow:1px 1px 1px #333;  -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; padding:10px; box-sizing:border-box; }
.ipro ul li dl:hover dd { width:100%; opacity:1; color:#fff; height:100%; }

#iso { padding:50px 0 40px; position:relative; }
#iso:before,#iso:after { position:absolute; top:0; height:100%; width:50%; content:""; z-index:-1; }
#iso:before { left:0; background:#f60; }
#iso:after { right:0; background:#4467a7; }
#iso .ititle,.iso { position:relative; z-index:2; }
.iso li { float:left; width:12.5%; height:150px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -moz-transform:rotate(45deg); overflow:hidden; }
.iso li dl { position:relative; width:100%; height:100%; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -moz-transform:rotate(-45deg); }
.iso li dl a { display:block; width:100%; height:100%; position:relative; text-align:center; }
.iso li dl dt { position:relative; width:100%; height:100%; font-size:60px; color:#fff; }
.iso li dl dd { font-size:22px; padding:0 5px; -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); color:#fff; box-sizing:border-box; font-weight:bold; text-shadow:0 0 1px #333; }
.iso li dl:hover dd { background:rgba(255,255,255,0.8); color:#000; }
.iso li:nth-child(16) { margin:0 0 0 75px; }
.iso li:nth-child(10) { margin:0 0 0 150px; }
.iso li:nth-child(5) { margin:0 0 0 225px; }
.iso li:nth-child(1) { margin:0 0 0 300px; }

#iservice { padding:50px 0 40px; position:relative; background:url(images/iservice_bg.jpg) no-repeat center / cover; background-attachment:fixed; overflow:hidden; }
#iservice:before { position:absolute; right:0; top:50%; width:609px; height:609px; margin:-304px -304px 0 0; background:url(images/iservice_bg.png) no-repeat center / cover; z-index:3; content:""; -webkit-animation-duration:6s; -o-animation-duration:6s; -ms-animation-duration:6s; -moz-animation-duration:6s; animation-duration:6s; -webkit-animation-fill-mode:both; -o-animation-fill-mode:both; -ms-animation-fill-mode:both; -moz-animation-fill-mode:both; animation-fill-mode:both; animation-timing-function:linear; -webkit-animation-timing-function:linear; -moz-animation-timing-function:linear; -o-animation-timing-function:linear; -ms-animation-timing-function:linear; -webkit-animation-name:rotary; animation-name:rotary; -moz-animation-name:rotary; -o-animation-name:rotary; -ms-animation-name:rotary; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -o-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; }
#iservice .ititle,#iservice .iservice { position:relative; z-index:4; }
.iservice ul { margin:-10px -10px 0; }
.iservice li { width:calc(100% / 3); padding:10px; box-sizing:border-box; }
.iservice li a { display:block; padding:10px; box-shadow:0 0 10px #fff; height:100px; color:#fff; }
.iservice li i { height:100%; font-size:60px; width:100px; }
.iservice li hgroup { height:100%; width:calc(100% - 100px); }
.iservice li h5 { display:inline-block; padding:0 10px; height:35px; line-height:35px; text-align:center; font-size:22px; color:#fff; margin:0 0 5px; background:#4467a7; }
.iservice li p { font-size:14px; }

#ipartner { padding:50px 0; position:relative; background:#fff; text-align:center; }
#ipartner ul { margin:-10px -10px 0; text-transform:uppercase; }
#ipartner li { float:left; width:calc(100% / 9); padding:10px; box-sizing:border-box; }
#ipartner dl { position:relative; border:1px solid #ccc; padding:5px; text-align:center; -o-transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s; cursor:pointer; }
#ipartner dt img { width:100%; -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; }
#ipartner li:hover dt img { -webkit-filter:grayscale(1); -moz-filter:grayscale(1); -ms-filter:grayscale(1); -o-filter: grayscale(1); filter:grayscale(1); filter:gray; -webkit-filter:gray; -ms-filter:gray; -o-filter:gray; -webkit-transform:translateZ(0); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; transform:rotatey(360deg); -o-transform:rotatey(360deg); -ms-transform:rotatey(360deg); -webkit-transform:rotatey(360deg); -moz-transform:rotatey(360deg); }
#ipartner dd { position:absolute; top:50%; left:0; width:100%; background:#4467a7; line-height:30px; font-size:16px; margin:-15px 0 0; content: ''; 
-webkit-transform:translate3d(0,40px,0); transform: translate3d(0,40px,0); opacity:0; -webkit-transition:opacity 0.35s,-webkit-transform 0.35s; transition:opacity 0.35s,transform 0.35s; -o-transition:opacity 0.35s,-o-transform 0.35s; -ms-transition:opacity 0.35s,-ms-transform 0.35s; -moz-transition:opacity 0.35s,-moz-transform 0.35s; }
#ipartner dl:hover dd { opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); color:#fff; -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; }

.map { width:100%; height:400px; }
.iw_poi_title { color:#4467a7; font-size:16px; color:red; overflow:hidden; padding-right:13px; white-space:nowrap; }
.iw_poi_content { font-size:14px; overflow:visible; padding-top:4px; white-space:-moz-pre-wrap; word-wrap:break-word; }

/*footer*/
footer { background:#4467a7; color:#fff; }
footer a { color:#fff; }	
	
.footer { border-bottom:1px solid #fff; padding:30px 0; width:1160px; margin:0 auto; }
.footer .channel_contact { padding:0; margin:0 auto; width:1200px; background:none; }
.footer .channel_contact:before { top:30px; background:#fff; opacity:1; }
.footer .channel_contact:after { top:30px; background:#fff; opacity:1; }

.law_info { padding:20px 0; border-top:1px solid #fff; font-size:16px; color:#fff; }
.law_info i,.law_info a { margin:0 10px; color:#fff; }

/*cover*/
#cover { position:relative; box-shadow:0 0 10px #4467a7; }
#cover img { position:relative; width:100%; }
.cover { position:absolute; left:0; top:0; width:100%; height:100%; }
.cover .default { position:relative; width:1200px; background:rgba(68,103,167,0.8); box-sizing:border-box; padding:20px; text-align:center; color:#fff; }
.cover h2 { font-size:30px; text-shadow: 1px 1px 1px #000; }
.cover h3 { font-size:24px; text-shadow: 1px 1px 1px #000; }
.cover p { font-size:16px; line-height:26px; text-shadow: 1px 1px 1px #000; }

.common_title.mflex { text-transform:uppercase; font-size:32px; padding:50px 0 0; text-shadow:1px 1px 3px #666; border-top:2px solid #4467a7; }
.common_title.mflex i { color:#4467a7; font-size:36px; }
.common_title.mflex em { font-style:normal; }
.common_title.mflex span { color:#000; }
.common_title.mflex.white i,.title.mflex.white em,.title.mflex.white span { color:#fff; }


/*channel_contact*/
.channel_contact { height:60px; line-height:60px; position:relative; z-index:1; padding:20px; background:#fff; }
.channel_contact ul,.channel_contact li { height:100%; }
.channel_contact li a { font-size:60px; padding:0; margin:0 15px; cursor:pointer; color:#595d61; }
.channel_contact li a.qq { color:#409EFF; }
.channel_contact li a.wx { color:#05cb46 }
.channel_contact li a.phone { color:#f60 }
.channel_contact li a.mobile { color:red }
.channel_contact li a.address { color:#c513bf; }
.channel_contact li a.email { color:#ccc62d; }
.channel_contact:after { left:890px; top:50px; right:0; height:1px; background:#4467a7; content:''; position:absolute; opacity:0; }
.channel_contact:before { left:0; right:890px; top:50px; height:1px; background:#4467a7; content:''; position:absolute; opacity:0; }

/**searchTable**/
form.flex { width:100%; }
form.flex ul { margin:0 -10px; }
form.flex li { box-sizing:border-box; padding:0 10px; }
form.flex li { width:18%; }
form.flex ul li:last-child { width:10%; }
form.flex label { display:block; height:16px; line-height:16px; font-size:16px; }
form.flex li input[type="text"] { border:1px solid #ccc; height:32px; line-height:32px; display:block; width:100%; box-sizing:border-box; padding:0 10px; font-size:18px; text-transform:uppercase; margin:6px 0 0; }
form.flex li input[type="submit"] { border:1px solid #ccc; height:54px; line-height:52px; display:block; width:100%;font-size:18px; text-transform:uppercase; cursor:pointer; background:#4467a7; color:#fff; }

.searchTable { color:#222; }
.searchTable .page_turner { margin:30px 0 0; }
.searchTable table { border-collapse:collapse; width:100%; text-transform:uppercase; background: #fff; }
.searchTable thead tr { background:#f9f9f9; }
.searchTable th { text-align:left; border:1px solid #ccc; border-bottom:2px solid #ccc; font-weight:bold; padding:5px; font-size:16px; }
.searchTable tbody tr:nth-child(2n) { background:#f9f9f9; }
.searchTable td { padding:5px; border:1px solid #ccc; cursor:pointer; }
.searchTable tbody tr:hover { background:#999; }
.searchTable tbody tr:hover td { color:#fff; }
.searchTable thead tr.title th { text-align:center; color:#4467a7; }

.searchTable h4 { margin:30px 0 0; height:40px; }
.searchTable h4 a { height:100%; color:#fff; font-size:16px; padding:0 10px; margin:0 10px; }
.searchTable h4 .mflex { background:#222; }
.searchTable h4 .flex { background:#4467a7; }

/*content*/
.content { margin:50px auto; width:1200px; position:relative; color:#595d61; }
.content h2 { font-size:30px; padding:10px 0; color:#4467a7 }
.content h2:first-child { padding:0 0 10px; }
.content h3 { font-size:24px; padding:10px 0 5px; color:#4467a7; }
.content p { text-indent:2em; padding:0 0 5px; line-height:26px; font-size:16px; }

/*品牌*/
.brands {  }
.brands ul { margin:0 -10px; }
.brands ul li { float:left; width:25%; }
.brands ul li dl { border:1px solid #D6D6D6; text-align:center; box-sizing:border-box; padding:12px; border-left:0; border-top:0; position:relative; }
.brands ul li:nth-child(4n) dl { border-right:1px solid transparent; }
.brands ul li:nth-child(9) dl,.brands ul li:nth-child(10) dl,.brands ul li:nth-child(11) dl,.brands ul li:nth-child(12) dl  { border-bottom:0; }
.brands ul li dl a { display:block; }
.brands ul li dt img { width:100%; padding:15px; box-sizing:border-box; }
.brands ul li dd { position:absolute; left:0; top:0; bottom:0; width:0px; opacity:0; background:rgba(68,103,167,.9); color:#fff; font-size:22px; text-shadow:1px 1px 1px #333;  -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; }
.brands ul li dl:hover dd { width:100%; opacity:1; color:#fff; }

#brand { padding:20px; background:#fff; box-sizing:border-box; box-shadow:0 0 5px #ccc; }
#brand ol { margin:-15px -15px 0; }
#brand ol li { float:left; width:25%; padding:15px; box-sizing:border-box; }
#brand ol dl { position:relative; text-align:center; -o-transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s; border:1px solid #ccc; z-index:5; }
#brand ol li dl:hover { border-color:#4467a7; }
#brand ol dl:before { position:absolute; top:8px; left:8px; height:8px; width:8px; background:#4467a7; border-radius:100%; content:""; z-index:6; } 
#brand ol dl:after { position:absolute; top:8px; right:8px; height:8px; width:8px; background:#4467a7; border-radius:100%; content:""; z-index:6; } 
#brand ol dl a { display:block; overflow:hidden; z-index:5; position:relative; }
#brand ol dl a:before { position:absolute; bottom:8px; left:8px; height:8px; width:8px; background:#4467a7; border-radius:100%; content:""; z-index:6; } 
#brand ol dl a:after { position:absolute; bottom:8px; right:8px; height:8px; width:8px; background:#4467a7; border-radius:100%; content:""; z-index:6; } 
#brand ol dt { position:relative; z-index:5; }
#brand ol dt img { width:100%; padding:20px; box-sizing:border-box; -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; }
#brand ol dt:before { background:rgba(255,255,255,0.3); height:100%; width:100%; top:100%; left:-100%; z-index:7; content:""; position:absolute; -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; }
#brand ol dt:after { background:rgba(255,255,255,0.3); height:100%; width:100%; bottom:100%; right:-100%; z-index:7; content:""; position:absolute; -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; }
#brand ol li a:hover dt:before { top:0; left:0; }
#brand ol li a:hover dt:after { bottom:0; right:0; }
#brand ol li dd { position:absolute; bottom:-36px; left:0; width:100%; line-height:36px; font-size:22px; text-align:center; color:#fff; text-shadow:0 0 1px #000; z-index:5; background:#4467a7; -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; }
#brand ol li a:hover dd { bottom:0; }

#brand hgroup { margin:0 0 30px; }
#brand hgroup img { float:left; height:360px; width:360px; padding:20px; border:1px solid #ccc; margin:0 20px 0 0; }

/*about*/


/*Pro*/
#products {  }
#products hgroup { padding:10px; border:1px solid #ccc; margin:0 0 30px; background:#fff; }
#products dl { padding:0 0 20px; border-bottom:1px solid #ccc; height:200px; margin:0 10px 10px; }
#products dl a { height:100%; }
#products dt { width:200px; height:100%; padding:0 20px 0 0; }
#products dt img { width:100%; height:100%; }
#products dd { width:calc(100% - 220px); height:100%; }
#products dl p { margin:0 0 10px; }
#products dl i { font-size:30px; }
#products figure { float:left; width:20%; padding:10px; box-sizing:border-box; }
#products figure a { border:1px solid #ccc; padding:10px 10px 0; }
#products figure img { width:100%; height: 194px; }
#products figure figcaption { border-top:1px solid #ccc; height:30px; width:100%; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; }
#products hgroup:hover { box-shadow:0 0 10px #4467a7; border-color:#4467a7; }
#products figure a:hover { border-color:#4467a7; }
#products figure a:hover figcaption { border-color:#4467a7; }

#products hgroup.pd { padding:20px; }
#products hgroup.pd dl { padding:0; border:0; height:200px; margin:0; }

/*products_info*/
#products_info { padding:20px; background:#fff; box-sizing:border-box; box-shadow:0 0 5px #ccc; }
#products_info img { float:right; margin:0 0 0 30px; max-width:400px; }
#products_info table { border-collapse:collapse; width:100%; text-transform:uppercase; margin:0 0 10px; background:#fff; }
#products_info table td { padding:10px; border:1px solid #ccc; font-size:18px; text-align:center; }

/*solution, catalog*/
.ss ul {  }
.ss ul li { float:left; width:calc(100% / 6); }
.ss ul li dl { border:1px solid #ccc; text-align:center; border-left:0; border-top:0; position:relative; }
.ss ul li:nth-child(6n) dl { border-right:1px solid #fff; }
.ss ul li:nth-child(25) dl,.ss ul li:nth-child(26) dl,.ss ul li:nth-child(27) dl,.ss ul li:nth-child(28) dl,.ss ul li:nth-child(29) dl,.ss ul li:nth-child(30) dl { border-bottom:1px solid #fff; }
.ss ul li dl a { display:block; height:199px; }
.ss ul li dt { height:100%; font-size:70px; color:#4467a7; }
.ss ul li dd { position:absolute; top:0; bottom:0; right:0; width:0px; opacity:0; background:rgba(40,74,120,.8); color:#fff; font-size:22px; text-shadow:1px 1px 1px #333;  -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; }
.ss ul li dl:hover dd { width:100%; opacity:1; color:#fff; }

#solutions { padding:20px; background:#fff; box-sizing:border-box; box-shadow:0 0 5px #ccc; }
.sd ul li { margin:0 0 20px; height:180px; padding:20px; border:1px solid #cccc; background:#fff; }
.sd ul li:hover { border:1px solid #4467a7; background:#eef3fc; }
.sd ul dl { width:100%; height:100%; }
.sd ul dt { width:180px; height:100%; margin:0 20px 0 0; }
.sd ul dt img { width:100%; height:100%; }
.sd ul dd { width:960px; height:100%; }
.sd ul h3 { height:30px; line-height:30px; font-weight:bold; font-size:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sd ul p { height:110px; overflow:hidden; line-height:25px !important; }
.sd ul h4 { height:40px; }
.sd ul h4 a { height:100%; margin:0 20px 0 0; background:#000; color:#fff; float:left; padding:0 20px; font-size:16px; cursor:pointer; }
.sd ul h4 a:hover { background:#4467a7; color:#fff; }

/*solutions, detail*/
#solutions hgroup { padding:30px 0 0; border-top:1px solid #ccc; margin:30px 0 0; }
#solutions hgroup h2 { padding:0 }
#solutions dl { border-bottom:1px solid #ccc; }
#solutions hgroup dl:last-child { border:0; }
#solutions dt { font-size:20px; padding:10px 0 5px; color:#4467a7; }
#solutions dl.close dd.intro,#solutions dl.close dd.up { display:none; }
#solutions dl.open dd.sintro,#solutions dl.open dd.down { display:none; }
#solutions dd.flex { position:relative; padding:20px 0 30px; font-size:18px; color:#4467a7; cursor:pointer; }
#solutions dd.flex i { font-size:22px; padding:0 10px 0 0; -webkit-animation-duration:1.3s; animation-duration:1.3s; -o-animation-duration:1.3s; -ms-animation-duration:1.3s; -moz-animation-duration:1.2s; -webkit-animation-fill-mode:both; -o-animation-fill-mode:both; -ms-animation-fill-mode:both; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -o-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; animation-timing-function:linear; -moz-animation-timing-function:linear; -o-animation-timing-function:linear; -webkit-animation-timing-function:linear; -ms-animation-timing-function:linear;  }
#solutions dd.down.flex i { -moz-animation-fill-mode:UPDOWN; -webkit-animation-name:UPDOWN; animation-name:UPDOWN; -o-animation-name:UPDOWN; -ms-animation-name:UPDOWN; }
#solutions dd.up.flex i { -moz-animation-fill-mode:DOWNUP; -webkit-animation-name:DOWNUP; animation-name:DOWNUP; -o-animation-name:DOWNUP; -ms-animation-name:DOWNUP; }
@-webkit-keyframes UPDOWN {
0% { transform:translateY(-100%); -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -o-transform:translateY(-100%); -ms-transform:translateY(-100%); opacity:1; }
100% { transform:translateY(100%); -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -o-transform:translateY(100%); -ms-transform:translateY(100%); opacity:0; }
}
@keyframes UPDOWN { 
0% { transform:translateY(-100%); -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -o-transform:translateY(-100%); -ms-transform:translateY(-100%); opacity:1; }
100% { transform:translateY(100%); -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -o-transform:translateY(100%); -ms-transform:translateY(100%); opacity:0; }
}
@-webkit-keyframes DOWNUP {
0% { transform:translateY(100%); -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -o-transform:translateY(100%); -ms-transform:translateY(100%); opacity:1; }
100% { transform:translateY(-100%); -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -o-transform:translateY(-100%); -ms-transform:translateY(-100%); opacity:0; }
}
@keyframes DOWNUP { 
0% { transform:translateY(100%); -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -o-transform:translateY(100%); -ms-transform:translateY(100%); opacity:1; }
100% { transform:translateY(-100%); -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); -o-transform:translateY(-100%); -ms-transform:translateY(-100%); opacity:0;}
}
#solutions dd.intro {  }
#solutions dd.intro img { float:left; max-width:400px; margin:5px 20px 0 0; }
#solutions dd.img { margin:5px 0 30px; text-align:center; }
#solutions dd.img img { max-width:100%; }

/*service*/
#service.content { margin:50px auto; }
#service ul { margin:0 -10px; }
#service li { padding:10px; width:33.333334%; box-sizing:border-box; float:left; }
#service li a { display:block; border:1px solid #ccc; background:#fff; }
#service dl { position:relative; }
#service dt { font-size:60px; height:90px; line-height:90px; }
#service dd.pic { overflow:hidden; }
#service dd.pic img { width:100%; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; -ms-transition:all 0.5s ease; }
#service dd.name { text-align:center; font-size:24px; }
#service dd.aname { text-align:center; font-size:20px; }
#service dd.intro { font-size:16px; line-height:26px; padding:10px 15px; }
#service li a:hover dd.pic img { transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); -webkit-transform:scale(1.2); }

.service { padding:20px; background:#fff; box-sizing:border-box; box-shadow:0 0 5px #ccc; }
/*partner*/
#partner ul { margin:-10px -10px 0; text-transform:uppercase; }
#partner li { float:left; width:20%; padding:10px; box-sizing:border-box; }
#partner dl { position:relative; border:1px solid #ccc; padding:5px; text-align:center; -o-transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s; cursor:pointer; background: #fff; }
#partner li:hover dl { border-color:#4467a7; }
#partner dt img { width:100%; -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; }
#partner li:hover dt img { -webkit-filter:grayscale(1); -moz-filter:grayscale(1); -ms-filter:grayscale(1); -o-filter: grayscale(1); filter:grayscale(1); filter:gray; -webkit-filter:gray; -ms-filter:gray; -o-filter:gray; -webkit-transform:translateZ(0); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; transform:rotatey(360deg); -o-transform:rotatey(360deg); -ms-transform:rotatey(360deg); -webkit-transform:rotatey(360deg); -moz-transform:rotatey(360deg); }
#partner dd { position:absolute; top:50%; left:0; width:100%; background:#4467a7; line-height:48px; font-size:22px; margin:-24px 0 0; content: ''; 
-webkit-transform:translate3d(0,80px,0); transform: translate3d(0,80px,0); opacity:0; -webkit-transition:opacity 0.35s,-webkit-transform 0.35s; transition:opacity 0.35s,transform 0.35s; -o-transition:opacity 0.35s,-o-transform 0.35s; -ms-transition:opacity 0.35s,-ms-transform 0.35s; -moz-transition:opacity 0.35s,-moz-transform 0.35s; }
#partner dl:hover dd { opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); color:#fff; -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; }


/*news*/
#news { }
#news .content {  }
#news hgroup { }
#news hgroup dl { margin:0 0 30px; box-sizing:border-box; padding:20px; border:1px solid #ccc; background:#fff; }
#news hgroup dl dt { font-size:16px; color:#595d61; }
#news hgroup dl a { font-size:20px; color:#4467a7; padding:5px 0; display:block; }
#news hgroup dl p { font-size:16px; color:#595d61; }
#news aside {  }

/*Info*/
#Info { padding:20px; background:#fff; box-sizing:border-box; box-shadow:0 0 5px #ccc; }
#Info img { display:block; margin:10px auto; width:100%; }
#Info h2 { line-height:60px; }
#Info h2 i { color:#595d61; font-size:16px; font-weight:bold; display:inline-block; float:right; }

/**型号查询**/
#search h3 { padding:20px 0 10px; }
.modelTable {  }
.modelTable table { border-collapse:collapse; width:100%; text-transform:uppercase; background: #fff; }
.modelTable thead tr { background:#f9f9f9; }
.modelTable th { text-align:left; border:1px solid #ccc; font-weight:bold; padding:5px; font-size:16px; }
.modelTable td { padding:5px; border:1px solid #ccc; }
.modelTable tbody.picture { height:300px; text-align:center; }
.modelTable tbody.picture tr { height:100%; }
.modelTable tbody.picture tr td { height:100%; width:50%; }
.modelTable tbody.picture tr td img { max-height:100%; max-width:100%; }
.modelTable tbody tr.info td { padding:15px; }
.modelTable tbody tr td h3 { line-height:30px; height:30px; padding:0; }
.modelTable tbody tr td p { text-indent:0; }
.modelTable tbody tr td a { font-size:20px; background:#f9f9f9; padding:10px; border:1px solid #4467a7; }

/**about**/
#about h2 { text-transform:uppercase; text-align:center; font-size:32px; }
#about h2 i { display:inline-block; color:#4467a7; font-size:36px; }
#about h2 em { font-style:normal; display:inline-block; padding:0 10px; }
#about h2 span { color:#666; }

#introduction { padding:148px 0 50px; background:url(images/about_bg.jpg) no-repeat fixed center / cover; }
.introduction { width:1200px; margin:0 auto; position:relative; padding:30px 20px; z-index:10; color:#fff; box-sizing:border-box; box-shadow:0 0 10px #fff; }
#about .introduction h2 span { color:#fff; }
.introduction h3 { font-size:24px; margin:10px 0; }
.introduction p { text-indent:2em; line-height:26px; margin:0 0 5px; font-size:16px; }
.introduction img { float:left; width:400px; margin:0 20px 0 0; }

.team { padding:50px 0; }
.team ul { width:1230px; margin:10px auto 0; }
.team li { float:left; width:33.3333334%; padding:0 15px; box-sizing:border-box; }
.team dl { padding:0 0 20px; position:relative; text-align:center; border:10px solid #ccc; cursor:pointer; }
.team dl dt { font-size:80px; }
.team dl dd.d1 { font-size:24px; margin:0 0 5px; }
.team dl dd { font-size:16px; }
.team dl:hover { color:#4467a7; border:10px solid #4467a7; }

.culture { padding:50px 0 35px; background: -moz-linear-gradient(left, #ccc, #fff 30%, #fff, #fff 75%, #ccc);
    background: -webkit-linear-gradient(linear, left, #ccc, #fff 30%, #fff, #fff 75%, #ccc);
    background: -webkit-gradient(linear, left, from(#ccc), color-stop(30%, #fff), color-stop(30%, #fff), color-stop(75%, #fff), color-stop(75%, #ccc));
    background: -webkit-linear-gradient(left, #ccc, #fff 30%, #fff, #fff 75%, #ccc);
    background: -webkit-gradient(linear,left, from(#ccc), color-stop(30%, #fff), color-stop(#fff), color-stop(75%, #fff), to(#ccc));
    background: linear-gradient(left, #ccc, #fff 30%, #fff, #fff 75%, #ccc); }
.culture ul { width:1230px; margin:10px auto 0; }
.culture li { float:left; width:33.3333334%; padding:15px; box-sizing:border-box; }
.culture dl { box-shadow:0 0 3px #666; position:relative; text-align:center; background:#fff; }
.culture dt { padding:20px 0 0; }
.culture dt span { width:70px; height:70px; line-height:70px; margin:0 auto; font-size:40px; background:#4467a7; border-radius:100%; display:block; color:#fff; -o-transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s; }
.culture dd { font-size:20px; padding:5px 0; -o-transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s; }
.culture p { font-size:16px; padding:0 0 15px; -o-transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s; }
.culture dl a { display:block; z-index:1; position:relative; }
.culture dl a:before { background:#222; bottom:0; content:""; height:0; left:0; position:absolute; right:0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease 0s; width:100%; z-index: -1; }
.culture dl a:after { background:#4467a7; bottom:0; content:""; height:0; left:0; position:absolute; right:0; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease 0s; width:100%; z-index:-1; }
.culture dl a:hover:before { height:100%; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; top:0; }
.culture dl a:hover:after { height:100%; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; -webkit-transition-delay:0.2s; -moz-transition-delay:0.2s; -o-transition-delay:0.2s; -ms-transition-delay:0.2s; transition-delay:0.2s; top:0;  }
.culture dl a:hover dt span { transform:rotatey(360deg); -o-transform:rotatey(360deg); -moz-transform:rotatey(360deg); -webkit-transform:rotatey(360deg); -ms-transform:rotatey(360deg); -o-transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s; background:#fff; color:#4467a7; }
.culture dl a:hover dd { color:#fff; }
.culture dl a:hover p { color:#fff; }

.Advantage { padding:50px 0; }
.Advantage table { border-collapse:collapse; width:1200px; margin:20px auto 0; text-transform:uppercase; text-align:center; vertical-align:middle; background:#fff; }
.Advantage tr th:first-child { width:100px; }
.Advantage tr th:nth-child(2) { width:220px; }
.Advantage tr th:nth-child(3) { width:220px; }
.Advantage tr th:nth-child(4) { width:300px; }
.Advantage tr th:last-child {  }
.Advantage th { background:#f9f9f9; border:1px solid #ccc; border-bottom:2px solid #ccc; font-weight:bold; padding:15px 10px; font-size:20px; }
.Advantage td { padding:10px; border:1px solid #ccc; font-size:16px; }

/*contact*/
#contact .channel_contact { display:none; border:0; }
#contact .common_title { display:none; }
#contact footer .footer { display:none; }
#contact footer .law_info { border-top:2px solid #f00; }
.contact { position:relative; width:100%; height:700px; background:#4467a7; border-top:2px solid #f00; }
.contact footer { display:none; }
.contact hgroup { height:100%; width:50%; background:url(images/contact_bg.jpg) no-repeat center / cover; color:#fff; }
.contact hgroup h2 { font-size:44px; }
.contact hgroup h3 { font-size:30px; }
.contact hgroup ul { height:120px; padding:15px 0; }
.contact hgroup li { height:100%; padding:0 15px; }
.contact hgroup li a { border:5px solid #fff; border-radius:100%; height:100%; width:120px; box-sizing:border-box; font-size:70px; color:#fff; }
.contact hgroup li a img { max-height:75px; max-width:75px; }
.contact hgroup p { font-size:16px; line-height:26px; }
.contact hgroup p a { color:#fff; }
.contact .map { width:50%; height:100%; }

/*page_turner*/
.page_turner { }
.page_turner a { margin:0 5px; line-height:40px; box-sizing:border-box; padding:0 20px; background:#fff; border-radius:20px; text-align:center; font-size:20px; border:1px solid #ccc; }
.page_turner a.previous,.page_turner a.next { width:auto; padding:0 20px; border-radius:20px; }
.page_turner a:hover, .page_turner a.current { background:#4467a7; color:#fff; box-shadow:0 0 2px #333; border-color:#4467a7; }