﻿


   



.main{}

.main .searbar {  }

.main .searbar .sear { border:1px solid #c1c1c1; height:50px; line-height: 50px;   border-radius: 4px;}

.main .searbar .sear form { width: 168px; height: 50px; float: right; background: url(img/searchbg.png) no-repeat center; padding-left: 20px;}

.main .searbar .sear form .text { width: 132px; height: 21px; border: none; }

.main .searbar .sear form .sub { width: 21px; height: 21px; background: url(img/searchgo.png)no-repeat center center; border: none; text-indent: -9999px;  cursor: pointer; }

.main .searbar .sear form .sub:hover { filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7;}

.main .searbar .sear span {margin-left: 20px;}

.main .searbar .sear span a { margin:0 10px;}

.main .searbar .shadow { height: 15px; background: url(img/search_shadow.png) no-repeat center center;}

.main .adgram_1 { height: 100px;  background: url(img/adgram_bg.png) repeat-x center; position: relative; margin-top: 20px;}

.main .adgram_1 span { font-size: 58px; line-height: 100px; color: #fff; text-indent: 80px; float: left; font-weight: bold;}

.main .adgram_1 p { width: 614px; font-size: 16px; color: #fff; float: left; margin: 20px 0 0 40px; }

.main .adgram_1 p em { color: #d26768;}

.main .adgram_1 .wenhao { width: 144px; height: 150px; position: absolute; top:-10px; left: 950px;}



.main .adgram_2 { margin: 0 auto; margin-top:20px; position:relative  }

.main .adgram_2 .title { width: 440px; height: 77px; margin: 0 auto;}

.main .adgram_2 .title span { font-size: 36px; font-weight: bold; }

.main .adgram_2 .title em { font-size: 30px; font-weight: bold; color: #b9b9b9; line-height: 18px; }

.main .adgram_2 .cont { height: 490px; background: url(img/gzhj_bg.jpg) no-repeat 300px; center;}

.main .adgram_2 .cont ul {height: 229px; background: url(img/numb.png) no-repeat center left;}

.main .adgram_2 .cont ul li { display: bold; text-indent: 50px; margin-bottom:  18px; font-size:21px; color: #da0203; font-weight: bold; }

.main .adgram_2 .cont .co_1 { font-size:24px; font-weight: bold; margin-top: 20px; }

.main .adgram_2 .cont .co_2 { font-size:36px; font-weight: bold; color: #da0203; color: #da0203;  line-height: 30px;  }

.main .adgram_2 .cont .co_3 { font-size: 16px; font-weight: bold; color: #303030; }

.main .adgram_2 .cont .co_3 span { color: #fff; font-size:34px;  background: #303030; padding: 0 10px; line-height: 100px;}

.main .adgram_2 .avideo{position:absolute;width:482px;height:182px;top:132px;right:92px}



.main .adgram_3 { width: 1024px; height: 276px; margin: 0 auto; background: url(img/hotline_bg.png) no-repeat center center; }

.main .adgram_3 .info{ position: relative; top: 110px; left: 280px;}

.main .adgram_3 .telbox { width: 178px; height: 169px; position: relative; top:-30px;left:830px;}

.main .adgram_3 .telbox .rx { height: 25px; background: url(img/m_telpg.jpg) no-repeat 20px center; text-indent: 55px; font-size: 16px; ;}

.main .adgram_3 .telbox .tel { font-size:28px; color: #ffffff; font-weight:bold;letter-spacing:-2px; line-height:50px }

.main .adgram_3 .telbox .zxzx { width: 123px; height: 40px;background: url(img/zxzx.jpg) no-repeat center center; text-indent: -9999px; cursor: pointer;  margin-left: 40px;   }



.main .product { margin-top: 40px; }

.main .product .sidebar { width: 216px; float: left;  background: #f1f1f1;}

.main .product .tit { width: 215px; height: 42px; line-height: 42px; background: url(img/ti_bg.png) no-repeat center; text-align: center; font-size:16px; color: #ffffff; font-weight: bold; text-indent: 20px;}

.main .product .sidebar .hd { padding: 10px 0;}

.main .product .sidebar .hd h3{ width: 180px; height: 35px; line-height:35px; text-indent: 80px; cursor:pointer; color: #fff; font-size: 16px; font-weight: normal; margin: 0 auto; margin-top: 5px;}

.main .product .sidebar .hd .ti_1 {  background: url(img/ti_bg_2.png) no-repeat center center; }

.main .product .sidebar .hd .ti_2 {  background: url(img/ti_bg_3.png) no-repeat center center; }

.main .product .sidebar .hd .ti_3 {  background: url(img/ti_bg_4.png) no-repeat center center; }

.main .product .sidebar .hd .ti_4 {  background: url(img/ti_bg_5.png) no-repeat center center; }

.main .product .sidebar .hd .ti_5 {  background: url(img/ti_bg_6.png) no-repeat center center; }

.main .product .sidebar .hd .ti_6 {  background: url(img/ti_bg_7.png) no-repeat center center; }

.main .product .sidebar .hd .ti_7 {  background: url(img/ti_bg_8.png) no-repeat center center; }

.main .product .sidebar .hd ul{ padding:8px 0px; color:#999;display:none;  /*??????????????? */ }

.main .product .sidebar .hd ul li { width: 180px; height: 40px; line-height:40px;  margin: 0 auto; background: url(img/brand_8.png) no-repeat left center; text-indent: 40px; cursor: pointer; display: bold; }

.main .product .sidebar .hd ul li a {font-size: 14px; font-weight: bold; color: #000000;} 

.main .product .sidebar .hd ul li:hover {filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7; }

.main .product .listbox { width: 785px; float: right}

.main .product .listbox ul li { width: 240px; height: 282px; float: left; background: #f1f1f1; margin: 0 9px; margin-bottom: 45px; }

.main .product .listbox ul li .head { width: 240px; height: 42px; line-height: 42px; background: url(img/listbox_ti.png) repeat-x center; text-indent: 15px; border-bottom: 1px solid #002f6d;}

.main .product .listbox ul li .head span{ font-size:18px; color: #fff; }

.main .product .listbox ul li .head em { color: #b9bfcc; font-size: 12px; margin-left: 10px;}

.main .product .listbox ul li .thumb { padding:11px 11px 0 11px;}



.main .midd_x { height: 10px; background: url(img/tit_bg.jpg) repeat center ; }

.main .midd_xx { border-bottom: 5px solid #e6e6e6; margin-top: 2px; }



.main .superiority { background: url(img/superiority_bg.jpg) repeat center #f4f4f4; border-bottom: 1px solid #d5cabd;}

.main .adgram_4 .title { height: 203px; background: url(img/title_bg.png) no-repeat center center; }

.main .adgram_4 .supbox { height: 344px; background: url(img/ys_bg_1.jpg) no-repeat center center;}

.main .adgram_4 .supbox .intro { width: 456px; height: 255px; padding:50px 0 0 160px;}

.main .adgram_4 .supbox .tit .t_1 { font-size:18px;  }

.main .adgram_4 .supbox .tit .t_2 { font-size:18px; color: #de0b0b; }

.main .adgram_4 .supbox .info { margin-top: 10px;}

.main .adgram_4 .supbox .info p { background: url(img/jt.png) no-repeat left 10px; text-indent: 10px; line-height: 27px;margin-bottom: 10px;font-size:14px}

.main .adgram_4 .supbox .info p em { color: #f32425; font-size: 16px; font-weight: bold;}



.main .adgram_4 .supbox_2 { height: 383px; background: url(img/ys_bg_2.jpg) no-repeat center center;}

.main .adgram_4 .supbox_2 .intro { width: 430px; height: 255px; padding:85px 0 0 635px;}



.main .adgram_4 .supbox_3 {height: 406px; background: url(img/ys_bg_3.jpg) no-repeat center center; }

.main .adgram_4 .supbox_3 .intro {padding:80px 0 0 160px}

.main .adgram_4 .supbox_4 { height: 371px; background: url(img/ys_bg_4.jpg) no-repeat center center;}

.main .adgram_4 .supbox_4 .intro { width: 430px; height: 255px; padding:70px 0 0 610px;}

.main .adgram_4 .supbox_4 .info p em { font-size: 13px; font-weight: none;}

.main .facilitator { height: 194px; background: url(img/title_bg_2.png) no-repeat center center;}

.main .kernel{}

.main .kernel .title { height: 159px; background: url(img/title_bg_3.png) no-repeat center center;}

.main .kernel .column { width: 492px; height: 492px; float: left; position: relative; margin:0 8px;   } 

.main .kernel .column .tit {height: 61px; background: url(img/tit_bg.png)no-repeat center center;}

.main .kernel .column .tit p { font-size: 18px; color: #da0303; text-indent: 16px; line-height: 35px;}

.main .kernel .column .tit p em { font-size: 32px; color: #fff; font-weight: bold; margin-right: 20px;}

.main .kernel .column .tit .nu b { font-size: 20px; font-weight: bold; margin-right: 10px; }

.main .kernel .column .tit .nu { line-height: 20px; text-indent: 80px;}

.main .kernel .column .nu_2 { margin-top: 20px; margin-left: 25px; font-size: 14px; color: #494949;}

.main .kernel .column .mzj {width: 18px; height: 18px; position: absolute; top:83px; left: 0px;}

.main .kernel .column .thumb { width: 300px; height: 302px; margin: 20px auto;}



.main .cust_d {  margin-top: 40px;}

.main .cust_d .client_l { width: 720px; float: left; }

.main .cust_d .tit { height: 48px; line-height: 48px; background: url(img/brand_9.png) no-repeat left center; border-bottom: 2px solid #005abd; text-indent: 30px;}

.main .cust_d .tit span { color: #0059bb; font-size: 18px; float: left;}

.main .cust_d .tit span em { color: #da0303; font-size: 16px; margin-left:10px; }

.main .cust_d .more { float: right; margin-top: 15px; }

.main .cust_d .client_l ul li { width: 351px; height: 135px;float: left;  margin:0 3px; margin-top: 40px;  }

.main .cust_d .client_l ul li .thumb { width: 153px; height: 135px;  float: left; background: url(img/client_bg.png) no-repeat center center; }

.main .cust_d .client_l ul li .thumb img {width: 141px; height: 124px;margin: 5px; }

.main .cust_d .client_l ul li .intro { width: 183px; height: 120px; float: right; } 

.main .cust_d .client_l ul li .intro strong { background: url(img/client_p.png) no-repeat left bottom; font-size: 12px; color: #424242; line-height: 23px; padding: 4px 0;  }

.main .cust_d .client_l ul li .intro p { height: 70px; font-size: 12px;  overflow:hidden; margin-top: 5px;}

.main .cust_d .client_l ul li .intro p a {color: #424242; }

.main .cust_d .client_l ul li .intro .more { color: #ff8618; line-height: 40px; }



.main .cust_d .client_r { width: 280px;  float: right;}

.main .cust_d .client_r .head { height: 37px; line-height: 37px; background: url(img/tit_bg_2.jpg) repeat; }

.main .cust_d .client_r .head span { font-size:16px;color: #fff; margin-left: 20px;  font-weight: bold; float: left; } 

.main .cust_d .client_r .head a { font-size:12px;color: #fff; float: right; margin-right: 10px; } 

.main .cust_d .client_r .lis { background:#f1f1f1; padding: 10px; overflow: hidden;}

.main .cust_d .client_r .lis li { background: url(img/brand_10.png) no-repeat left center; text-indent: 15px; border-bottom: 1px dotted #919191; line-height: 22px; padding: 5px;}



.main .cus { border: 1px solid #f0f0f0; border-top: 2px solid #005abd; }

.main .cus .consult { width: 696px; height: 211px; margin: 0 auto; margin-top: 20px;}

.main .cus .consult .video { width: 284px; height: 205px; float: left;}

.main .cus .consult .intro { width: 400px; float: right;}

.main .cus .consult .intro .ti { font-size: 14px; color: #ca0000;  font-weight: bold;}

.main .cus .consult .intro .con { font-size: 12px; color: #2e2e2e; text-indent: 20px; line-height: 21px; margin-top: 10px; } 

.main .cus .consult .intro a { color: #ca0000; font-size: 12px; line-height: 60px;}

.main .cus .gsjs ul { margin-top: 20px;}

.main .cus .gsjs ul li { width: 211px; float: left; margin: 0 8px; text-align: center;} 

.main .cus .gsjs ul li p { line-height: 25px;}





.main .cus .client_r .hd{ height: 40px; line-height: 40px; border-bottom: 2px solid #005abd;   position:relative; padding-right:10px;margin-top: 10px; }

.main .cus .client_r .hd ul{ z-index:5; position:absolute; height:40px;  overflow:hidden; zoom:1; }

.main .cus .client_r .hd li{ float:left;  padding:0 10px; cursor:pointer; margin-left:-1px;  font-size: 18px; }

.main .cus .client_r .hd li.on{ font-weight:bold; height:42px; line-height:40px; background:#005abd; border:1px solid #C8D1D5; border-top:0;  border-bottom:1px solid #fff; color:#fff;  }

.main .cus .client_r .bd{  padding: 20px 10px; clear:both; position:relative;  }

.main .cus .client_r .bd ul li { width: 223px; height: 197px; text-align: center; }

.main .cus .client_r .bd .partner li{width:125px;height:40px;float:left;margin:5px 5px 5px 0}

.main .cus .client_r .bd .partner li .thumb{width:115px;border:1px solid #b7b7b7;padding: 5px;}

.main .cus .client_r .bd .partner li .thumb img{width:115px;height:30px}

.main .cus .client_r .bd ul li p { line-height: 28px;}

.main .cus .client_r .bd ul li .thumb  { width: 223px; border:1px solid #b7b7b7;padding: 5px; }

.main .cus .client_r .bd ul li .thumb img { width: 221px; height: 156px;}



.main .cust_yy { height: 26px; background: url(img/introduce_yy.jpg) no-repeat center center; }



.main .subscribe { height: 602px; background: url(img/tel_2_bg.jpg) repeat center; border-top: 4px solid #b8b8b8; border-bottom: 2px solid #b8b8b8; margin-top: 20px;}

.main .subscribe .sub_l {  width: 466px; height: 535px; float: left; background: url(img/tel_3.png) no-repeat center center; position: relative; margin-top: 20px;}

.main .subscribe .sub_l .cont { width: 405px; height: 96px; position: absolute; top:340px; left: 30px;}

.main .subscribe .sub_l .more { width: 405px; height: 96px; position: absolute; top:460px; left: 300px;}



.main .subscribe .sub_r {width: 515px; float: right; margin-top: 60px; }

.main .subscribe .sub_r h6 { width: 515px; height: 94px;}

.main .subscribe .sub_r form { width: 480px; margin: 0 auto; margin-top: 40px;}

.main .subscribe .sub_r form .li { margin-top: 10px;float:left}

.main .subscribe .sub_r form .li label { width: 90px; display: bold; float: left; font-size:14px; color: #fff; text-align: right; margin-right: 10px; font-weight: bold;}

.main .subscribe .sub_r form .li .li .text { width: 360px; height: 24px; border: none; border-radius: 3px; padding: 0 4px;  }

.main .subscribe .sub_r form .li span { margin:0 15px;}

.main .subscribe .sub_r form .li a { color: #fff; text-decoration: underline;}

.main .subscribe .sub_r form .li .xxbz { width: 367px; height: 77px; }

.main .subscribe .sub_r form .li .yzm { width: 122px; height: 24px; }

.main .subscribe .sub_r form .but { margin-top: 20px; position: relative;float:left}

.main .subscribe .sub_r form .but .sure { width: 90px; height: 28px; border: none; border-radius: 3px; background: #fff; cursor: pointer;  margin-left: 90px; font-size: 16px; font-weight: bold; }

.main .subscribe .sub_r form .but .cancel { width: 90px; height: 28px;border: none; border-radius: 3px; background: #4a4a4a;  cursor: pointer; margin-left: 10px;  font-size: 16px; color: #fff; font-weight: bold;}

.main .subscribe .sub_r form .but .yy { width: 88px; height: 11px; position: absolute; top:29px; left: 91px; background: url(img/yy.jpg) no-repeat;}

.main .subscribe .sub_r form .but .yy_2 {  width: 88px; height: 11px; position: absolute; top:28px; left: 195px; background: url(img/yy_2.jpg) no-repeat;}

.main .subscribe .sub_r form input:hover { filter:alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6;}

