@charset "utf-8";
body { margin: 0px; padding: 0px; font-size: 14px; color:#333; font-family: "Microsoft Yahei"; background:#fff;min-width:320px;}
* { margin: 0px; padding: 0px; }
ul li { list-style-type: none; }
h1,h2,h3,h4,h5{font-weight:normal;}
i{font-style:normal;}
*:focus { outline: none; }
p, span, form, table, td, ul, li { margin: 0px; padding: 0px; list-style-type: none; }
input, select, textarea { margin: 0px; padding: 0px; color: #9a9a9a;font-family:'Microsoft Yahei';  }
img { border: 0px; }
a { color: #434343; text-decoration: none; outline: none; }
a:hover,a:active{ color: #42beff; text-decoration: none;transition: all 0.3s; }
.warp { width: 1100px; margin: 0 auto; }
.warp1200 { width: 1200px; margin: 0 auto; }
.warp1300 { width: 1300px; margin: 0 auto; }
.displaycont{display:none;}
.imgcenter{text-align:center;width:100%;height:auto;overflow:hidden;}
.clear{ clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size:1px; }
.clearFix { zoom:1; }
.clearFix:after { content:'.'; display:block; height:0; clear:both; visibility:hidden;}
table{border-collapse:collapse;}
::selection{background:#0080FF; color: white; /* Safari */}
::-moz-selection{background:#0080FF; color: white; /* Firefox */ } /*鼠标滑过变色*/
body{font-size: 14px;font-family:"Microsoft YaHei";margin: 0 auto;}
.opacity{background:#000;opacity:0.5;filter: alpha(opacity=50);}/*背景色半透明*/

/*禁用表单input、select元素的默认外观*/
input,select{
	-webkit-appearance:none;
	appearance:none;
}

/*禁用 select 默认下拉箭头*/
select::-ms-expand {
	display: none;
}

/*禁用 radio 和 checkbox 默认样式*/
input[type=radio]::-ms-check,
input[type=checkbox]::-ms-check{
	display: none;
}

.fl { float: left; }
.fr { float: right; }
.common-content{padding:30px 0px;overflow: hidden;}
.common-title{width:100%;text-align: center;height:auto;}
.common-title p{font-size:16px;color:#424242;width:100%;}
.margin_b_10{margin-bottom: 10px;}
.margin_l_10{margin-left: 10px;}
.margin_r_10{margin-right: 10px;}
.margin_t_10{margin-top: 10px;}

.margin_b_20{margin-bottom: 20px;overflow: hidden;margin-top:15px;}

.pagelist{height:30px;padding-top:10px;width:100%;text-align:center;line-height:30px;margin:10px 0px;}
.pagelist a{padding:3px 5px;background:#fff;color:#42beff;border:1px solid #42beff;}
.pagelist a:hover,.pagelist a.on{background:#42beff;color:#fff;}

.netopic {height:30px;padding-top:10px;margin:10px 20px;line-height:23px;}
.netopic li{width:100%;float:left;}
.netopic li a{color:#42beff;}

.netpros {height:auto;padding-top:10px;margin:10px 20px;line-height:23px;overflow:hidden;}
.netopic li{width:100%;float:left;}
.netopic li a{color:#42beff;}

.toper{width:100%;height:38px;background: #f5f5f5;overflow: hidden;}
.toper p{line-height:38px;}
.toper a{line-height:38px;margin:0px 5px;}

.header .logo{width:580px;height:154px;overflow:hidden;}
.header .logo img{}

.header .tel{background: url(../images/tel-ico.png) no-repeat left;padding-left:70px;margin-top:40px;}
.header .tel span{font-size:18px;color:#333;}
.header .tel span i{pading-top:5px;color:#2584f2;font-size:28px;font-weight: bold;}

nav{width:100%;background: url(../images/nav-bg.jpg) repeat-x;height:60px;overflow: hidden;}
.navbar{width:100%;height:auto;overflow: hidden;}
.navbar ul li{float:left;background: url(../images/nav-li-r-line.png) no-repeat center right;height:60px;overflow: hidden;padding:0px 28px;}
.navbar ul li p{font-size:16px;line-height:60px;color:#fff;}
.navbar ul li.on,.navbar ul li:hover{background: url(../images/nav-li-on-bg.png) no-repeat center center;}
.navbar ul li.on p,.navbar ul li:hover p{color:#000;}

.search_box{width:100%;height:35px;margin-top:10px;overflow:hidden;padding-bottom:10px;}
.search_box p{float:left;height:35px;line-height:35px;color:#000;font-size:14px;font-weight: bold;}
.search_box p span{font-size:14px;line-height:35px;display: inline-block;font-weight:normal;margin-right:10px;}
.search_box .search_area{width:235px;height:32px;float:right;overflow:hidden;background: url(../Images/search-box.png) no-repeat left;}
.search_box .search_area .search_input{border:none;background: #fff;width:186px;margin:1px;padding:3px;height:24px;line-height:24px;float:left;}
.search_box .search_area .search_submit{height:32px;width:36px;float:left;border:none;background: none;cursor: pointer;}

.qianyan{background: url(../Images/content-top-bg.png) #eeeeee repeat-x top;}
.reasonAndAdvantage{background: url(../Images/big-bg.jpg) no-repeat top center;}
.aboutus-bg{background: url(../Images/aboutus-bg.jpg) no-repeat top center;}

.service-content{padding:10px 40px;height:390px;background: #3088f2;margin-top:86px;}
.service-img{margin-top:-76px;}
.service-text{width:545px;height:auto;overflow: hidden;padding:20px 0px;}
.s-title-text{width:100%;padding-bottom:15px;border-bottom:1px solid #fff;color:#fffb95;font-size:28px;}
.s-p-text{width:100%;margin-bottom:15px;margin-top:10px;overflow: hidden;}
.s-p-text span{color:#fffb95;float:left;margin-right:10px;font-size:18px;}
.s-p-text p{float:left;color:#fff;font-size:18px;}

.service-list-area{float:left;width:270px;height:373px;overflow: hidden;margin-right:12px;margin-left:16px;}
.service-list-area dl{text-align: center;height:auto;overflow: hidden;}
.service-list-area dl dt{height:80px;font-size:24px;line-height:80px;margin-bottom:28px;}
.service-list-area dl dt h3{color:#fff;}

.service-list-area dl dd{width:100%;margin-bottom:10px;overflow: hidden;height:auto;}
.s-bg-one{background: url(../images/service-bg-1.png) no-repeat;}
.s-bg-two{background: url(../images/service-bg-2.png) no-repeat;}
.s-bg-three{background: url(../images/service-bg-3.png) no-repeat;}
.s-bg-four{background: url(../images/service-bg-4.png) no-repeat;}

.reason-text{margin-top:76px;}
.r-text-p{font-size:28px;font-weight:bold;color:#fff;margin-bottom:4px;}
.text-no{width:582px;height:auto;overflow: hidden;}
.text-img{width:140px;height:140px;float:left;margin-right:15px;}
.text-p{width:410px;float:left;height:auto;overflow: hidden;margin-top:40px;}
.text-p h3{color:#2583f2;font-size:28px;font-weight:bold;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #2583f2;}
.text-p p{margin-top:15px;font-size:14px;color:#000;padding-left:15px;background: url(../images/p-ico.png) no-repeat left top;line-height:23px;}

.cases-area{width:100%;height:auto;overflow:hidden;}
.casesCateList{margin-top:20px;width:100%;height:auto;margin-bottom:20px;overflow:hidden;}
.casesCateList ul {text-align: center;}
.casesCateList ul li{display: inline-block;width:136px;height:136px;margin:0px 7px;cursor: pointer;background-position: center top;background-repeat: no-repeat;}
.casesCateList ul li.css1{background-image: url(../images/icon_cases_1.png);}
.casesCateList ul li.css2{background-image: url(../images/icon_cases_2.png);}
.casesCateList ul li.css3{background-image: url(../images/icon_cases_3.png);}
.casesCateList ul li.css4{background-image: url(../images/icon_cases_4.png);}
.casesCateList ul li.css5{background-image: url(../images/icon_cases_5.png);}
.casesCateList ul li.css6{background-image: url(../images/icon_cases_6.png);}
.casesCateList ul li.css7{background-image: url(../images/icon_cases_7.png);}
.casesCateList ul li.on,.casesCateList ul li:hover {background-position: center bottom;transition: all .5s;}

.casesListCont{width:100%;height:auto;overflow:hidden;}
.casesListCont .cases-list-cont{position:relative;z-index:20;background: url(../images/cases-bg.png) no-repeat left top #f1f1f1; width:100%;height:432px;overflow: hidden;}

.cases-list-cont .hd a{position: absolute;width:50px;height:50px;z-index:1000;top:150px;right:80px;}
.cases-list-cont .hd a.prev{background: url(../images/prev-next-bg.png) no-repeat top center;}
.cases-list-cont .hd a.next{background: url(../images/prev-next-bg.png) no-repeat bottom center;top:230px;}
.cases-list-cont .bd{width:100%;height:auto;overflow: hidden;}
.cases-left{width:300px;margin-left:35px;float:left;margin-top:100px;}
.cases-left h3{width:225px;background: url(../images/h3-bg.png) no-repeat left bottom;padding-bottom:15px;font-size:20px;color:#fffa74;font-weight: bold;}

.cases-left .text-p{width:280px;height:auto;color:#fff;overflow: hidden;margin-bottom:30px;max-height:150px;}
.cases-left .text-btn{width:100%;overflow: hidden;height:auto;}
.cases-left .text-btn p{border:1px solid #fff;color:#fff;width:90px;text-align: center;float:left;margin-right:15px;}
.cases-img{float:left;margin-left:140px;margin-top:44px;}
.cases-img img{width:550px;height:339px;overflow: hidden;}

.evaluate-area{background: #cae2ff;padding:15px 20px;margin-top:25px;overflow: hidden;}
.evaluate-left{border:2px solid #fff;width:660px;height:460px;overflow: hidden;position: relative;z-index:10;}
.evaluate-left .evaluate-img{width:660px;height:460px;overflow: hidden;}
.evaluate-left .evaluate-img img{width:660px;height:460px;}
.evaluate-text{position: absolute;z-index:20;background: rgba(0,0,0,0.6);bottom:0px;padding:10px;}
.evaluate-text h3{width:100%;margin-bottom:15px;color:#fff;}
.evaluate-text p{float:left;width:90%;color:#fff;max-height:50px;}
.evaluate-text span{float:right;}

.evaluate-right{width:480px;height:auto;overflow: hidden;}
.evaluate-list{position:relative;z-index:10;width:100%;height:auto;overflow: hidden;border:2px solid #fff;height:220px;margin-bottom:15px;}
.evaluate-list .evaluate-img{width:100%;height:220px;overflow: hidden;}
.evaluate-list .evaluate-text{position: absolute;width:460px;z-index:20;background: rgba(0,0,0,0.6);bottom:0px;padding:10px;}
.evaluate-list .evaluate-text h3{width:90%;float:left;color:#fff;}
.evaluate-list .evaluate-text span{float:right;}

.partner-area{width:100%;height:auto;position: relative;z-index:10;}
.partner-area .hd a{position: absolute;width:36px;height:65px;z-index:1000;top:43px;}
.partner-area .hd a.prev{background: url(../images/p-n-bg.png) no-repeat left;left:-50px;}
.partner-area .hd a.next{background: url(../images/p-n-bg.png) no-repeat right;right:-50px;}
.partner-area .bd{width:100%;height:auto;overflow: hidden;margin-top:30px;}
.partner-area .bd ul li{float:left;border:1px solid #0080FF;width:182px;height:149px;overflow: hidden;margin-right:18px;}
.partner-area .bd ul li img{width:182px;height:149px;}

.aboutus-img{background: url(../images/img-bg.png) no-repeat left;width:422px;height:406px;}
.aboutus-img img{width:402px;height:300px;overflow: hidden;margin-top:60px;margin-left:50px;border:2px solid #eee;}
.aboutus-text{margin-left:60px;margin-top:40px;width:605px;height:207px;background: url(../images/aboutus-text-bg.png) no-repeat;padding:60px 30px 60px 30px;overflow: hidden;}
.aboutus-text p{color:#fff;font-size:16px;line-height:30px;}

.content-hd{width:240px;text-align: center;height:40px;margin:0px auto;background: #2583f2;}
.content-hd ul li{display: inline-block;width:120px;text-align: center;height:40px;line-height:40px;font-size:14px;color:#fff;cursor: pointer;}
.content-hd ul li.on,.content-hd ul li:hover{background: #fef550;color:#000;}

.about-cont-area{margin-top:20px;width:100%;height:auto;}
.cont-list{width:100%;height:auto;position: relative;z-index:10;}
.cont-list .hd a{position: absolute;width:36px;height:65px;z-index:1000;top:93px;}
.cont-list .hd a.prev{background: url(../images/p-n-bg.png) no-repeat left;left:-50px;}
.cont-list .hd a.next{background: url(../images/p-n-bg.png) no-repeat right;right:-50px;}
.cont-list .bd{width:100%;height:auto;overflow: hidden;margin-top:30px;}
.cont-list .bd ul li{float:left;width:276px;height:240px;overflow: hidden;margin-right:30px;}
.cont-list .bd ul li img{width:276px;height:240px;border-radius:4px;}

.news-area{margin-top:20px;width:100%;height:auto;overflow: hidden;}
.news-bg{background: url(../images/cont-r-yy.png) no-repeat bottom right;}

.news-cont{width:360px;padding:10px 25px 10px 10px;height:450px;overflow: hidden;}
.news-content{width:765px;padding:10px 25px 10px 10px;height:460px;overflow: hidden;}
.news-title-left{border-bottom:1px solid #0080FF;padding-bottom:5px;font-size:20px;color:#000;font-weight: bold;}
.news-title-left i{font-size:18px; font-style: normal;}

.news-list{margin-top:12px;padding-bottom:12px;border-bottom:1px dotted #d1d1d1;}
.news-list .news-p-title{width:100%;height:30px;overflow: hidden;}
.news-list .news-p-title span{float:left;margin-right:10px;padding:2px 4px;background: #1376e6;color:#fff;}
.news-list .news-p-title p{float:left;line-height:30px;font-size:15px;}

.news-p-text{width:100%;margin-top:5px;height:auto;overflow: hidden;}
.news-list .news-p-text span{width:4%;float:left;margin-right:10px;padding:2px 4px;background: #7e7e7e;color:#fff;}
.news-list .news-p-text p{width:90%;float:left;line-height:30px;font-size:13px;max-height:90px;overflow: hidden;}

.news-title{width:100%;height:auto;overflow: hidden;}
.news-title ul li{float:left;width:50%;cursor: pointer;}
.news-title ul li h3{border-bottom:1px solid #0080FF;padding-bottom:5px;font-size:20px;color:#000;font-weight: bold;}
.news-title ul li.on h3,.news-title ul li:hover h3{color:#1376e6;}

.list-cont{width:100%;margin-top:10px;overflow: hidden;height:auto;}
.news-vouch{width:100%;height:250px;overflow: hidden;}
.news-vouch .news-b-img{float:left;width:350px;height:240px;margin-right:30px;}
.news-vouch .news-b-img img{width:350px;height:240px;border:1px solid #eee;}
.news-vouch .news-b-t{font-size:15px;color:#000;margin-bottom:10px;font-weight: bold;}
.news-vouch p{line-height:26px;font-size:13px;}

.vouch-b-list{width:100%;margin-top:20px;height:auto;overflow: hidden;}
.vouch-b-list ul li{height:20px;overflow:hidden;float:left;width:48%;padding-top:10px;padding-bottom:15px;border-top:1px dashed #d1d1d1;margin-right:2%;}
.vouch-b-list ul li p{line-height:20px;height:20px;overflow:hidden;float:left;background: url(../images/news-p-ico.png) no-repeat left;padding-left:10px;max-width:260px;}

.link-area{width:100%;border-top:2px solid #b9b9b9;padding:20px 0px;background: #2583f2;overflow: hidden;}
.link-title{float:left;overflow: hidden;}
.link-title span{float:left;}
.link-title p{color:#fff;font-size:20px;float:left;margin-left:10px;}
.link-a{float:left;margin-left:10px;overflow: hidden;margin-top:5px;}
.link-a span{float:left;color:#fff;margin-left:10px;}

.foot-link{text-align: center;}
.foot-link span{margin:0px 10px;overflow: hidden;}
.foot-content{margin-top:30px;overflow: hidden;}
.foot-content .f-logo{float:left;}
.f-contact{margin-left:30px;margin-top:15px;}
.f-contact p{line-height:30px;}