@charset "utf-8";
/*!
 * http://www.ibw.cn
 * Version - 3.5.1
 * Edited by Snowe / 2015.12.12
 * Copyright (c) 2016 ibw
 */
.container { position: relative; width: 100%; margin: 0 auto; }

.dTitle { position: relative; /*opacity: 0;*/ padding: 25px 0; color: #000; font-size: 30px; }

.channel { position: relative; width:1200px; height:185px; padding-bottom: 10px; text-align: center; margin:40px auto 0;}
.channel ul { display: inline-block; *display: inline; zoom: 1; }
.channel li { position: relative; opacity: 0; float: left; display: inline; width: 200px; height:192px; }
.channel li a { display:block; width: 176px; height:185px; margin:0 auto;}
.channel li i { display: block; width: 176px; height:185px;  transform-style: preserve-3d; transition: 1s transform; }

.channel li.li01 i { background-image: url(l11.png); }
.channel li.li02 i { background-image: url(l22.png); }
.channel li.li03 i { background-image: url(l55.png); }
.channel li.li04 i { background-image: url(2_03.png); }

.channel li.li05 i { background-image: url(3_03.png); }
.channel li.li06 i { background-image: url(l66.png); }

.channel li:hover i { transform: rotateY(1turn); }

.box01 { height: 665px; }
.box01 ul { width: 910px; }
.box01 ul li { position: relative; opacity: 0; float: left; width: 291px; height: 213px; margin: 12px 12px 0 0; text-align: center; }
.box01 ul li a { color: #fff; font-size: 14px; }
.box01 ul li .tit { position: absolute; left: 0; top: 0; width: 291px; height: 213px; transition: all 0.8s ease 0s; transform:scale(0); display: none\9; filter:progid:DXImageTransform.Microsoft.gradient(enabled="true", startColorstr="#99000000", endColorstr="#99000000"); background-color:rgba(0,0,0,0.6); }
:root .box01 ul li .tit { filter:none; }
.box01 ul li .tit i { display: block; width: 32px; height: 32px; margin: 80px auto 5px; background: url(look.png); }
.box01 ul li:hover .tit { transform:scale(1); display: block\9; }
.box01 .more { position: relative; opacity: 0; display: block; width: 116px; height: 48px; margin: 35px auto; background: #f9f9f9; border: 1px solid #808080; border-radius: 5px; color: #797979; font-size: 17px; text-align: center; line-height: 50px; }

.b-1-l{width:291px;height:438px;background:#ddd;float:left;margin-top:12px;}
.b-1-l dl{}
.b-1-l dt{height:50px;line-height:50px;margin:35px 10px 0;}
.b-1-l dt a{display:block;background:#fff;font-size:14px;padding-left:100px;}
.b-1-l dt a:hover{background:#1181c2;color:#fff;}

.b-1-l .d1 a{background:#fff url(s1.png) left 40px center no-repeat;}
.b-1-l .d1 a:hover{background:#1181c2 url(s11.png) left 40px center no-repeat;}

.b-1-l .d2 a{background:#fff url(s2.png) left 40px center no-repeat;}
.b-1-l .d2 a:hover{background:#1181c2 url(s22.png) left 40px center no-repeat;}

.b-1-l .d3 a{background:#fff url(s3.png) left 40px center no-repeat;}
.b-1-l .d3 a:hover{background:#1181c2 url(s33.png) left 40px center no-repeat;}

.b-1-l .d4 a{background:#fff url(s4.png) left 40px center no-repeat;}
.b-1-l .d4 a:hover{background:#1181c2 url(s44.png) left 40px center no-repeat;}

.b-1-l .d5 a{background:#fff url(s5.png) left 40px center no-repeat;}
.b-1-l .d5 a:hover{background:#1181c2 url(s55.png) left 40px center no-repeat;}

.b-1-l  .stel{height:26px;line-height:26px;margin-top:35px;font-size:26px;color:#000;font-family:Arial;background:url(tel2.png) left 50px center no-repeat;padding-left:90px;}

.box01 .bd{width:897px;float:right;}


.box02 { padding-bottom: 65px; background: #fff; }
.b-2-l{width:550px;float:left;font-size:14px;line-height:38px;}
.b-2-l p{text-indent:2em;}
.b-2-r{width:600px;float:right;}
.b-2-r ul{}
.b-2-r li{display:inline;width:49%;float:left;font-size:14px;line-height:27px;color:#000;font-weight:bold;}
.b-2-r li:nth-child(2n){float:right;}
.b-2-r .pic{margin-top:18px;}

.box03 { padding: 60px 0 100px; background: #5f5d62; color: #fff; font-size: 14px; text-align: center; }
/*.box03 .title { position: relative; top: -100px; opacity: 0; }*/
.box03 .title h2 { font-size: 28px; line-height: 1.8; }
.box03 li { position: relative; opacity: 0; width: 200px; display: inline-block; *display: inline; zoom: 1; margin: 0 20px; font-size: 16px; }
.box03 li a { color: #FFF; }
.box03 li.li01 { left: -290px; }
.box03 li.li02 { bottom: -100px; }
.box03 li.li03 { top: -100px; }
.box03 li.li04 { right: -290px; }
.box03 li i { display: block; width: 122px; height: 122px; background: url(ico.png) center no-repeat; border: 2px solid #fff; border-radius: 100%; margin: 30px auto 10px; transform-style: preserve-3d; transition: 1s transform; }
.box03 li.li01 i { background-image: url(ico_05.png); }
.box03 li.li02 i { background-image: url(ico_06.png); }
.box03 li.li03 i { background-image: url(ico_07.png); }
.box03 li.li04 i { background-image: url(ico_08.png); }
.box03 li:hover i { transform: rotateY(.5turn); }

.box04 { padding-bottom: 70px; background: #fff; }
.box04 .hd { display: inline-block; *display: inline; zoom: 1; margin-left: 50px; vertical-align: middle; }
.box04 .hd li { float: left; width: 90px; height: 32px; margin-right: 17px; border: 1px solid #d1d1d1; border-radius: 5px; color: #333; font-size: 16px; text-align: center; line-height: 32px; cursor: pointer; }
.box04 .hd li.on { border: 1px solid #1181c2; }
.box04 .bd ul { width: 1250px; }
.box04 .bd li { position: relative; opacity: 0; float: left; width: 382px; margin-right: 27px; }
.box04 .bd li.li01 { left: -290px; }
.box04 .bd li.li02 { top: -100px; }
.box04 .bd li.li03 { right: -290px; }
.box04 .bd dl { padding: 10px; }
.box04 .bd dl dt { color: #333; font-size: 18px; }
.box04 .bd dl .d,.box04 .bd dl .i { font-size: 14px; color: #979797; line-height: 2; }
.box04 .bd dl .m { margin-top: 15px; }
.box04 .bd dl .m a { display: block; width: 113px; height: 39px; background: #1181c2; color: #fff; font-size: 16px; text-align: center; line-height: 39px;}
.box04 .bd dl .m a:hover { background: #1ea4f2; }