.clearfix{ height:0; line-height:0px;}
.websiteBox1, .websiteBox2, .websiteBox3, .websiteBox4, .websiteBox5 {height: 560px;overflow: hidden;}
.websiteBox1{background: url(../images/web_banner_02.jpg) no-repeat center top;}
.websiteBox2{background: url(../images/web_banner_03.jpg) no-repeat center top;}
.websiteBox3{background: url(../images/web_banner_05.jpg) no-repeat center top;}
.websiteBox4{background: url(../images/web_banner_06.jpg) no-repeat center top;}
.websiteBox5{background: url(../images/web_banner_08.jpg) no-repeat center top;}
.grWidth {width: 1182px;margin: 0 auto;}
.websiteFont {width: 504px; margin-top: 100px;padding: 35px 0 0 0px;overflow: hidden; color:#fff}
.websiteFont h2 { font-size:47px;font-weight: bold;line-height: 50px; margin-bottom: 10px; color:#ff7e00}
.websiteFont h3 {font-size: 28px;margin-bottom: 30px; color:#fff}
.websiteFont div {margin-bottom: 30px;font-size: 16px;text-indent: 2em;line-height: 26px; color:#fff}
.websiteFont p { height: 46px;line-height: 46px;}
.websiteFont p a {display: inline-block; width: 172px; height: 46px;text-align: center;color: #fff; border-radius: 23px; font-size: 16px; background: #ff7e00;}
.websiteFont p a:hover{ background:#ff6000}
.websiteFont2 {text-align: right; float: right;padding: 35px 0 0 0; color:#000}
.websiteFont2 h3, .websiteFont2 div{ color:#000}
.websiteBox3 h2{ color:#efa500}
.websiteBox3 p a{ background:#efa500}

.workFlow { padding-top: 56px;width:1192px; margin: 0 auto } 
.hd {text-align: center;}
.hd h2 { font-size:47px; color:#ff7e00; height:53px; line-height:53px; font-weight:bold}
.hd p{ margin-top: 14px;font-size: 26px;color: #646464; font-weight:bold; height:26px; line-height:26px}
.wfBox { position: relative; margin-top: 51px; height: 317px;}
.wfBox .line { position: absolute;top: 100px;left: 85px;width: 1025px;height: 50px;background: url(../images/web_line_03.png) no-repeat;}
.wfBox a {position: absolute;width: 122px;height: 122px;border-radius: 61px;-moz-border-radius: 61px;-webkit-border-radius: 61px; left:0; display: block;font-size: 18px;color: #fff; text-align:center; background:#616161;}
.wfBox a i{ height: 55px;width: 55px;margin: 16px auto 0;display: block;position: relative; background:url(../images/web_icon_01.png) no-repeat;}
.wfBox a.dot1 i{ background-position: 0 0}
.wfBox a.dot2{ left:134px; top:118px}
.wfBox a.dot2 i{ background-position: 0 -57px; }
.wfBox a.dot3{ left:266px}
.wfBox a.dot3 i{ background-position: 0 -114px; }
.wfBox a.dot4{ left:401px; top:118px}
.wfBox a.dot4 i{ background-position: 0 -171px; }
.wfBox a.dot5{ left:534px}
.wfBox a.dot5 i{ background-position: 0 -228px; }
.wfBox a.dot6{ left:668px; top:118px}
.wfBox a.dot6 i{ background-position: 0 -285px; }
.wfBox a.dot7{ left:802px}
.wfBox a.dot7 i{ background-position: 0 -343px; }
.wfBox a.dot8{ left:936px; top:118px}
.wfBox a.dot8 i{ background-position: 0 -400px; }
.wfBox a.dot9{ left:1069px}
.wfBox a.dot9 i{ background-position: 0 -457px; }
.wfBox a:hover{ background:#ff7e00}

.case {height: 912px;width: 100%; background:url(../images/web_bg_01.jpg) no-repeat center 0; overflow: hidden;}
.case .grWidth{ padding-top:65px}
.case .hd{ margin-bottom:36px}
.case .hd p{ color:#807e81; font-size:18px; height:18px; line-height:18px}
.case ul{ width:1197px; height:610px}
.case ul li{ width:385px; height:275px; margin-right:14px; float:left; margin-bottom:20px;}
.case ul li a{display:block;position:relative;width:385px; height:275px;overflow:hidden;}
.case ul li a:hover{ text-decoration:none}
.case ul li a span{display:block;position:absolute;left:0px;bottom:-40px;width:385px;height:40px;background-color:#0768b2;filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;text-align:center; font-size:14px; color:#fff; line-height:40px;}
.case .more{ position:relative; width:100%}
.case .more .line{ width:100%; border-top:2px solid #ff7e00; position:absolute; top:22px; height:1px; line-height:1px; left:0px}
.case .more a{ display: block; width: 172px; height: 46px; line-height: 46px; text-align: center;color: #fff; border-radius: 23px; font-size: 16px; background: #ff7e00; margin:0 auto}
.case .more a:hover{ background:#ff6000}

.gram{ width:942px; margin:0 auto; padding-top:56px; position:relative}
.gram .hd h2{ font-size:27px; height:33px; line-height:33px;}
.gram .hd p{ font-size:47px; line-height:47px; height:47px; color:#000; margin-top:8px}
.gram ul{ padding-top:86px; display:inline-block}
.gram ul li{ width:276px; float:left; margin-bottom:38px; display:inline;}
.gram ul li h3{ margin-bottom:12px; color:#313131; font-weight:bold;height:52px;}
.gram ul li h3 span.name{font-size:44px; float:left; line-height:52px; width:100px}
.gram ul li h3 span.tx{ font-size:22px; line-height:26px; height:52px; overflow:hidden; float:left; width:176px}
.gram ul li p{ line-height:22px; height:44px;font-size:16px;}
.gram ul li.mar{ margin-left:390px;}
.gram img{ position:absolute; top:195px;left:318px}