@charset "utf-8";
/********公共样式********/
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset,blockquote,legend{margin:0;padding:0}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:12px;line-height: 1.6; color: #333;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased}
button,h1,h2,h3,h4,h5,h6,input,select,textarea{font-size:100%;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ul,ol,dl{list-style-type:none}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display: block;}
a{text-decoration:none;color:#ffffff;}a:hover{text-decoration:none; color: #e72520;}
sub,sup{vertical-align:baseline}
table{border-collapse:collapse;border-spacing:0}
img{border:0;vertical-align:middle}
/*
{word-wrap:break-word;}//英文强制换行
*/
/*浮动*/
.fl{float: left;display:inline;}.fr{float: right;display:inline;}
.clearfix:after{display:block;content:"clear";height:0;clear:both;visibility:hidden}
.clearfix{ *zoom: 1;}
/*font*/
.fb{font-weight:bold}.fn{font-weight:normal}
.tl{text-align:left}.tc{text-align:center}.tr{text-align:right}
.rel{position:relative}.abs{position:absolute}.ovh{overflow:hidden}.db{display:block}.dn{display:none}.di{display:inline;}
.ti2{text-indent:2em}
.m5{margin:5px}.mt5{margin-top:5px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mt30{margin-top:30px}
.mt35{margin-top:35px}.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.pb50{padding-bottom: 50px;}
.pb60{padding-bottom: 60px;}
.pb80{padding-bottom: 80px;}
.pr10{padding-right: 10px;}
/**/
.overflow_clear{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}/*css溢出省略*/
.tb-fix{table-layout: fixed;empty-cells:show;word-wrap:break-word;}

.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ellipsis{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

/*wrap*/
.wrap{ width: 1200px; margin-left: auto; margin-right: auto; }
.bgf2{ background: #f2f2f2;}




/*返回顶部*/
p#back-to-top{
    position:fixed;
    display:none;
    bottom:100px;
    right:10px;
    z-index: 20;
}
p#back-to-top a{
    text-align:center;
    text-decoration:none;
    color:red;
    display:block;
    width:68px;
    height: 73px;
    /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
    -moz-transition:color 1s;
    -webkit-transition:color 1s;
    -o-transition:color 1s;
}
p#back-to-top a img{display: block;width:68px; height: 73px;}
/*nav*/
.header{ height: 90px; overflow: hidden; }
.logo{ float: left; padding-top: 27px; width: 290px;}
.nav{ float: left; }
.nav li{ float: left; width: 84px; text-align: center; overflow: hidden;}
.nav li a{ display: block; line-height: 90px; font-size: 16px; color: #666; font-weight: bold;}
.nav li.active a{ background: #f2f2f2; color: #000;}
.nav li a:hover{ background: #f2f2f2; color: #000;}
.tel123{float: right;width: 168px;height: 42px;margin-top: 27px;}
.tel123 img{width: 168px;height: 42px;}
/*.dz{ float: right; margin-top: 27px;}
.dz a{ display: block; padding-left: 55px; width: 85px; height: 34px; line-height: 34px; background: url(../images/icon1.png) no-repeat 27px center; border:1px solid #ecebeb; font-size: 14px; color: #666; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px;}
.dz a:hover{background-color: #f2f2f2;}*/

/*浮动qq*/
.float_qq{ position:fixed; top:420px; left:0; width:50px; height:203px; z-index:6666;}
.float_qq li{ width:auto; height:50px; z-index:20;}
.float_qq li.float_qq1,.float_qq li.float_qq4{ position:absolute; left:-10px; width:62px;}
.float_qq li.float_qq1{ top:103px}
.float_qq li.float_qq2{ position:absolute; top:0; left:0; width:126px;}
.float_qq li.float_qq3{ position:absolute; top:51px; left:0; width:172px;}
.float_qq li.float_qq4{ top:102px;}
.float_qq4{ position:absolute; top:153px; left:0;}
.float_qq li a{ display:block; font-family:"Microsoft Yahei"; color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#000; opacity:0.8; border-radius:6px;text-align: right;}
.float_qq li a img{ display:block; float:right; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px;}
.float_qq li a:hover{ background-color:#e60012; opacity:1;}
.float_shwx{ position:absolute; top:-102px; left:65px; background:url(../images/float_wxbd.png) no-repeat bottom right; width:216px; height:216px; padding-bottom:9px; display:none;}
.float_shwx img{ display:block; padding:14px; background-color:#FFF; width:188px; height:188px;}
/*banner*/
.banner{ width:100%; min-width: 1200px; height:500px; overflow:hidden; position:relative;}
.banner .bd{ position:relative; height:500px; z-index:0;   }
.banner .bd ul{ width: 100%!important;}
.banner .bd li{width: 100%!important; height: 500px; zoom:1; vertical-align:middle; }
.banner .bd img{ width:450px; height:230px; display:block;  }
.banner .hd{ position:absolute; height:3px; left: 0; right: 0; bottom:26px; z-index:1; }
.banner .hd ul{ overflow:hidden; text-align: center;}
// .banner .hd ul li{display: inline-block; vertical-align: top; margin-right:2px; width:52px; height:1px; border:1px solid #ece6e6; cursor:pointer; }
.banner .hd ul li{display: inline-block; vertical-align: top; margin-right:2px; width:52px; height:3px;background: url(../images/icon2.png) no-repeat; cursor:pointer; }
.banner .hd ul li.on{ background:#fff; color:#fff; border-color: #fff; }
.banner .prev,
.banner .next{ position:absolute; left:3%; top:50%; display:block; width:12px; height:20px; filter:alpha(opacity=50);opacity:0.5; }
.banner .prev{ left:auto; left: 3%; background:url(../images/prev.png) 0 0 no-repeat; }
.banner .next{ left:auto; right:3%; background:url(../images/next.png) 0 0 no-repeat; }
.banner .prev:hover,
.banner .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.banner .prevStop{ display:none;  }
.banner .nextStop{ display:none;  }

/*优势*/
.tagging{ height: 95px; overflow: hidden;}
.tagging li{ float: left; width: 25%; line-height: 95px; text-align: center;}
.tagging li .tagnum{display: inline-block; font-size: 40px; color: #cc1e1c; font-weight: bold;}
.tagging li .tagadd{display: inline-block; margin:-10px 0 0 0; font-size: 36px; color: #cc1e1c; font-weight: bold; vertical-align: top;}
.tagging li .tagtxt{ font-size: 24px; color: #666; font-style: italic; vertical-align: top; }

/*服务*/
.service{margin-top: 50px; overflow: hidden;}
.service .hd{float: left; width:300px; position:relative; z-index: 5; }
.service .hd ul{}
.service .hd ul li{position: relative; margin-bottom: 16px; padding-left: 82px; width: 203px; height: 77px; line-height: 77px; font-size: 18px; color: #666; border:1px solid #f2f2f2; background: #f6f6f6; -webkit-border-radius: 5px; -moz-border-radius: 5px; -msborder-radius: 5px; border-radius: 5px; cursor:pointer;  }
.service .hd ul li a{ display: block; color: #666;}
.service .hd ul li.on a{ color: #cc1e1c;}
.service .hd ul li.on{ color: #cc1e1c; width: 219px; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -ms-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; border-right: none;}
.service .hd ul li:after{position: absolute; left: 246px; top: 34px; content:""; width: 7px; height: 12px; background: url(../images/itemnext01.png) no-repeat left top;}
.service .hd ul li.on:after{ background-image: url(../images/itemnext1.png);}
.service .hd ul li.li1{ background: url(../images/itemmenu01.png) no-repeat 15px center #f6f6f6;}
.service .hd ul li.li1.on{ background-image: url(../images/itemmenu1.png); background-color: #fff;}
.service .hd ul li.li2{ background: url(../images/itemmenu02.png) no-repeat 15px center #f6f6f6;}
.service .hd ul li.li2.on{ background-image: url(../images/itemmenu2.png); background-color: #fff;}
.service .hd ul li.li3{ background: url(../images/itemmenu03.png) no-repeat 15px center #f6f6f6;}
.service .hd ul li.li3.on{ background-image: url(../images/itemmenu3.png); background-color: #fff;}
.service .hd ul li.li4{margin-bottom: 15px; background: url(../images/itemmenu04.png) no-repeat 15px center #f6f6f6;}
.service .hd ul li.li4.on{ background-image: url(../images/itemmenu4.png); background-color: #fff;}
.service .hd ul li.li5{ background: url(../images/itemmenu04.png) no-repeat 15px center #f6f6f6;}
.service .hd ul li.li5.on{ background-image: url(../images/itemmenu4.png); background-color: #fff;}
.service .bd{ float: left; width: 898px; height: 456px!important; border:1px solid #f2f2f2; overflow: hidden; z-index: 1;}
.service .bd ul{ zoom:1; }
.service .bd li{position: relative; }
.service .bd li .btn{position: absolute; bottom: 38px; display: block; width: 160px; height: 38px; line-height: 38px; font-size: 14px; color: #666; background: #f2f2f2; text-align: center; border:1px solid #eae7e7; -webkit-border-radius: 5px; -moz-border-radius: 5px; --msborder-radius: 5px; border-radius: 5px; z-index: 1; }
.service .bd li .btn.btn1{left: 31px; }
.service .bd li .btn.btn2{left: 206px;color: #fff; background: #cc1e1c;}
.service .bd li .btn:hover{ border-color:#eae7e7; background: #cc1e1c; color: #fff;}

/*模板头部*/
.title{position: relative; padding-top: 45px; height: 36px; overflow: hidden;}
.title h2{ float: left; margin-right: 15px; font-size: 30px; line-height: 36px; color: #000; font-weight: normal;}
.title ul.case-nav{ float: left; border:1px solid #e1dede; border-right: none;}
.title ul.case-nav li{ float: left; width: 114px; height: 34px; line-height: 34px; text-align: center; background: #f2f2f2; font-size: 16px; color: #666; border-right: 1px solid #e1dede; cursor: pointer;}
.title ul.case-nav li a{color:#666}
.title ul.case-nav li:hover a{color:#cc1e1c}
.title ul.case-nav li:first-child{ width: 84px;}
.title ul.case-nav li.on{ background: #fff;}
.more{ float: right; padding-left: 32px; width: 62px; height: 34px; line-height: 34px; color: #999; border:1px solid #e1dede; background: url(../images/more.png) no-repeat 13px center;}
.more:hover{color: #db7372; border-color: #db7372;}
.load{ padding-bottom: 60px;}
.more2{ display: block; margin:0 auto; text-align: left; padding-left: 80px; width: 110px; height: 40px; line-height: 40px; color: #999; border:1px solid #e1dede; background: url(../images/more.png) no-repeat 62px center;}
.more2:hover{color: #db7372; border-color: #db7372;}

/*案例*/
.case{ }
.case-con{padding-top: 30px; padding-bottom: 45px;}
.case-con ul{ width: 1216px;}
.case-con li{ float: left; margin-right: 17px; margin-bottom: 15px; width: 287px; height: 455px; background: #fff; text-align: center; overflow: hidden;}
.case-con li .case-img{ width: 287px; height: 287px; overflow: hidden;}
.case-con li .case-img img{ width: 100%; height: 100%; -webkit-transition:all .2s; -moz-transition:all .2s; -ms-transition:all .2s; transition:all .2s;}
.case-con li h3{position: relative; margin-top: 8px; height: 46px; line-height: 46px; font-size: 18px; color: #333; font-weight: normal;}
.case-con li h3:after{position: absolute; display: block; content:""; bottom: 0; left: 50%; margin-left: -20px; width: 40px; height: 1px; background: #cc1e1c;}
.case-con li p{ height: 50px; line-height: 50px; color: #666; }
.case-con li .case-a{ width: 140px; margin:0 auto;}
.case-con li .case-a a{ display: block; padding-left: 52px; height: 30px; line-height: 30px; text-align: left; font-size: 14px; color: #999999; border:1px solid #f2f2f2; background: url(../images/icon3.png) no-repeat 31px center; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px;}
.case-con li .case-a a:hover{  border-color:#cc1e1c; background: url(../images/icon4.png) no-repeat 31px center #cc1e1c; color: #fff;}
.case-con li:hover{box-shadow: 0 0 10px 5px #ccc;}
.case-con li:hover .case-img img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2); }
.case-con li:hover h3{ color: #cc1e1c;}
.case-con li:hover h3:after{ background: #d6d5d5;}

/*资讯*/
.news-img{ position:relative; float: left; width:590px; height:485px; overflow:hidden; }
.news-img .hd{ height:3px; overflow:hidden; position:absolute; left: 0; right: 0; bottom:26px; z-index:5; }
.news-img .hd ul{ text-align: center; overflow: hidden;}
.news-img .hd ul li{display: inline-block; vertical-align: top; margin-right:2px; width:52px; height:1px; border:1px solid #e1dfdf; cursor:pointer; }
.news-img .hd ul li.on{ background:#cc1e1c; border-color: #cc1e1c; }
.news-img .bd{ position:relative; height:100%; z-index:0; }
.news-img .bd li{height: 485px; background: #f5f5f5; zoom:1; vertical-align:middle; overflow: hidden; }
.news-img .bd li .nsimg{ width:590px; height:287px;}
.news-img .bd li img{ width:100%; height:100%;}
.news-img .bd li h3{margin-top: 22px; padding:0 30px; height: 24px; line-height: 24px; font-size: 18px; color: #000; font-weight: normal; background: url(../images/icon5.png) no-repeat 16px center;}
.news-img .bd li h3 a{ color: #000;}
.news-img .bd li h3 a:hover{ color: #cc1e1c;}
.news-img .bd li p{padding: 22px 30px 0; font-size: 14px; color: #666;}
.news-list{ float: right; width: 586px; height: 485px; overflow: hidden;}
.news-list ul{ border-top: 1px solid #f2f2f2;}
.news-list li{ position: relative; padding:26px 0 0 14px; height: 134px; border-bottom: 1px solid #f2f2f2; overflow: hidden;}
.news-list li h3{position: relative; padding-left: 14px; margin: 0 0 0 -14px; height: 22px; line-height: 22px; font-size: 18px; color: #000; font-weight: normal; background: url(../images/icon8.jpg) no-repeat left center; overflow: hidden;}
/*.news-list li h3:after{position: absolute; display: block; content:""; left: -14px; top: 6px; width:3px; height:11px; background: #cc1e1c;}*/
.news-list li h3 a{ color: #000;}
.news-list li h3 a:hover{ color: #cc1e1c;}
.news-list li p{margin: 13px 0 10px; font-size: 16px; height: 50px; line-height: 26px; color: #666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-list li .news-in{ font-size: 14px; color: #999;}
.news-list li .news-in span{ margin-right: 10px;}
.news-list li .news-in a{ margin-right: 10px; color: #999;}
.news-list li .news-in a:hover{ color: #cc1e1c;}

/*合作伙伴*/
.partner{position: relative; padding-top: 30px; height: 270px;}
.partner .bd{ position:relative; height:100%; z-index:0; }
.partner .bd li{height: 170px; background: #f5f5f5; zoom:1; vertical-align:middle; overflow: hidden; }
.partner .bd li dl{ width:1220px;}
.partner .bd li dd{ float: left; margin: 0 9px 9px 0; width: 233px; height: 79px;}
.partner .bd li dd img{ width:100%; height:100%;}
.partner .bd li dd img.par2{display: none;}
.partner .bd li dd:hover img.par1{display: none;}
.partner .bd li dd:hover img.par2{display: block;}
/*.partner .bd li dd img{ width:100%; height:100%; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
.partner .bd li dd:hover img{ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -ms-filter: grayscale(0%); filter: grayscale(0%); filter: gray;}*/
.partner .hd{ height:3px; overflow:hidden; position:absolute; left: 0; right: 0; bottom:50px; z-index:1; }
.partner .hd ul{ overflow:hidden; zoom:1; text-align: center;}
.partner .hd ul li{display: inline-block; margin-right:2px; width:52px; height:1px; border:1px solid #e1dfdf; cursor:pointer; }
.partner .hd ul li.on{ background:#cc1e1c; border-color: #cc1e1c; }

/*底部*/
.footer{position: relative; height: 397px; background: url(../images/foot.png) no-repeat center top;}
.footer:after{ position: absolute; display: block; content:""; left: 0; right: 0; bottom: 96px; width:100%; height: 1px; background: #4b5057;}
.footer-c{ height: 300px; overflow: hidden;}
.footer-c .footer-lx{ float: left; padding-top: 58px; width: 600px; overflow: hidden;}
.footer-c .footer-lx p{padding-left: 20px; margin-bottom: 20px; height: 20px; line-height: 20px; color: #fff; background: url(../images/foot_edit.png) no-repeat left center;}
.footer-c .footer-lx dd{position: relative; float: left; margin-right: 10px; height: 36px; }
.footer-c .footer-lx dd:after{ position: absolute; display: block; content:""; right: 0; top: 5px; width:40px; height: 26px; border-left: 1px solid #d4d6d7;}
.footer-c .footer-lx dd.fname{ width: 172px; background: #fff;}
.footer-c .footer-lx dd.fname:after{ background: url(../images/foot_user.png) no-repeat center;}
.footer-c .footer-lx dd.ftel{ width: 247px; background: #fff;}
.footer-c .footer-lx dd.ftel:after{ background: url(../images/foot_tel.png) no-repeat center;}
.footer-c .footer-lx dd input{ display: block; width: 65%; height: 36px; line-height: 36px; border:none; padding-left: 12px; }
.footer-c .footer-lx .farea{margin-top: 10px; width: 550px; height: 60px; background: #fff; overflow: hidden;}
.footer-c .footer-lx .farea textarea{ display: block; padding:6px 0 0 12px; width: 538px; height: 54px; border:none;}
.footer-c .footer-lx .fsub{margin-top: 20px; width: 180px; height: 40px; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;}
.footer-c .footer-lx .fsub input{display: block; text-align: center; width: 100%; height: 40px;  line-height: 40px; border:none; font-size: 14px; color: #fff; background: #cc1e1c;s cursor: pointer;}
.footer-c .footer-lx .fsub input:hover{ background: #cc1e1c}

.footer-c .footer-wx{ float: right; margin-top: 41px; padding: 0 17px 0; width: 200px; height: 259px; background: url(../images/foot_wx.png) no-repeat; overflow: hidden;}
.footer-c .footer-wx .wximg{margin: 100px 0 0 44px; width: 114px; }
.footer-c .footer-wx .wximg p{margin-top: 10px; color: #fff; text-align: center;}
.footer-bq{margin-top: 10px; text-align: center;}
.footer-bq p{ display: inline-block; padding-left: 113px; height: 23px; line-height: 23px; color: #fff; /* background: url(../images/foot_logo.png)  */no-repeat left center;}

/*案例详情*/
.anli-l{ float: left; width: 900px; overflow: hidden;}
.anli-head{ background: #fff;}
.anli-head .anli-img{ float: left; width: 287px; height: 287px;}
.anli-head .anli-img img{ width: 100%; height: 100%;}
.anli-head .anli-info{ float: left; padding: 0 20px; width: 573px; height: 287px;}
.anli-head .anli-info .anli-name{padding-top: 10px; font-size: 18px; font-weight: normal; height: 50px; line-height: 50px; border-bottom: 1px solid #cc1e1c;}
.anli-head .anli-info dt,.anli-head .anli-info dd{ font-size: 14px; color: #666; line-height: 24px;}
.anli-head .anli-info dd{ height: 72px;}

.anli-body{margin-top: 15px; padding: 25px; background: #fff;}
.anli-n{position: relative; padding-left: 11px; height: 26px; line-height: 26px; font-size: 14px; color: #333; font-weight: normal;}
.anli-n:after{position: absolute; display: block; content: ""; left: 0; top: 7px; width: 4px; height: 12px; background:#cc1e1c;}
.anli-con{ margin-top: 10px;}
.anli-con img{ max-width: 100%;}

.anli-r{ float: right; width: 288px; overflow: hidden;}
.author{ padding: 38px 0 0 28px; height: 126px; background: #fff; overflow: hidden;}
.author .author-img{float: left; width: 94px; height: 94px; -webkit-border-radius: 47px; -moz-border-radius: 47px; -ms-border-radius: 47px; border-radius: 47px; overflow: hidden;}
.author .author-info{ float: left; margin-left: 13px; width: 150px;}
.author .author-info h3{ height: 40px; line-height: 40px; font-size: 16px; font-weight: normal; overflow: hidden;}
.author .author-info p{ height: 20px; font-size: 14px; color: #666; line-height: 20px; overflow: hidden;}

.oper{ margin-top: 15px;}
.oper .oper-item{ width: 138px; height: 110px; background: #fff; text-align: center; overflow: hidden;}
.oper .oper-item a{display: block;}
.oper .oper-item img{margin-top: 20px;}
.oper .oper-item p{margin-top: 10px; font-size: 14px;}

.broad{ position:relative; margin-top: 15px; height:500px; overflow:hidden; }
.broad .hd{ height:3px; overflow:hidden; position:absolute; left: 0; right: 0; bottom:15px; z-index:1; }
.broad .hd ul{ text-align: center;}
.broad .hd ul li{ display: inline-block; vertical-align: top; margin-right:2px; width:52px; height:1px; border:1px solid #e1dfdf; background: #fff; cursor:pointer; }
.broad .hd ul li.on{ background:#cc1e1c; border-color: #cc1e1c; }

.broad .bd{ position:relative; height:455px; z-index:0; }
.broad .bd li{height: 455px; background: #fff; zoom:1; vertical-align:middle; overflow: hidden; text-align: center; }
.broad .bd li .case-img{ height: 287px; overflow: hidden;}
.broad .bd li .case-img img{ width: 100%; height: 100%; -webkit-transition:all .2s; -moz-transition:all .2s; -ms-transition:all .2s; transition:all .2s;}
.broad .bd li h3{position: relative; margin-top: 8px; height: 46px; line-height: 46px; font-size: 18px; color: #333; font-weight: normal;}
.broad .bd li h3:after{position: absolute; display: block; content:""; bottom: 0; left: 50%; margin-left: -20px; width: 40px; height: 1px; background: #cc1e1c;}
.broad .bd li p{ height: 50px; line-height: 50px; color: #666;}
.broad .bd li .case-a{ width: 140px; margin:0 auto;}
.broad .bd li .case-a a{ display: block; padding-left: 52px; height: 30px; line-height: 30px; text-align: left; font-size: 14px; color: #999999; border:1px solid #f2f2f2; background: url(../images/icon3.png) no-repeat 31px center; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px;}
.broad .bd li .case-a a:hover{  border-color:#cc1e1c; background: url(../images/icon4.png) no-repeat 31px center #cc1e1c; color: #fff;}
.broad .bd li:hover .case-img img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2); }
.broad .bd li:hover h3{ color: #cc1e1c;}
.broad .bd li:hover h3:after{ background: #d6d5d5;}

/*资讯列表*/
.title2{margin-top: 40px; padding-bottom: 30px; height: 40px; line-height: 40px; border-bottom: 1px solid #f2f2f2; }
.title2 a{ font-size: 24px; color: #000; }
.title2 a:hover{ color: #cc1e1c; }
.title2 em{ font-size: 24px; color: #cc1e1c; }
.title2 span{padding: 0 20px; vertical-align: top; color: #666; }

.newsbox{position: relative; }
.newsbox:after{position: absolute; display: block; content:""; left: 590px; top: -1px; width:16px; height: 1px; background: #fff; z-index: 2;}
.newsbox .news-list{ float: none; width:1212px; height: auto;}
.newsbox li{position: relative; float: left; margin-right: 16px; width: 576px; overflow: hidden; }
.newsbox li .nsimg{float: left; margin: 2px 15px 0 -14px; width: 226px; height: 110px;}
.newsbox li .nsimg img{ width: 100%; height: 100%;}
.newsbox li .nsinfo{position: absolute; left: 14px; top: 26px; margin-left: -14px; padding-left: 14px; background: #fff; overflow: hidden;}

/*pages*/
.pages{margin-top: 50px; margin-bottom: 60px; height: 38px; text-align: center;}
.pages a{ display: inline-block; min-width: 38px; line-height: 38px; font-size: 16px; color: #999; font-weight: bold;}
.pages a:hover{ background: #cc1e1c; color: #fff;}
.pages a.on{background: #cc1e1c; color: #fff;}

/*资讯详情*/
.art-head{}
.art-head h1{ font-size: 30px; font-weight: normal; color: #000; }
.art-bq{padding:18px 0; line-height: 28px; border-bottom: 1px solid #f2f2f2; }
.art-bq span{ float: left; margin-right: 15px; font-size: 14px; color: #999;}
.art-body{ margin-top: 20px; font-size: 14px; color: #666;}
.paging{position: relative; margin-top: 50px; margin-bottom: 70px; background: #f2f2f2; overflow: hidden;}
.paging:before{ position: absolute; top: 22px; left: 50%; display: block; content:""; width: 1px; height: 30px; background: #dddcdc; z-index: 5;}
.paitem{ float: left; padding-right: 10px; width: 590px; height: 72px; line-height: 72px; font-size: 14px; overflow: hidden;}
.paitem span{padding-left: 36px; color: #666;}
.paitem a{ color: #333; }
.paitem a:hover{ color: #cc1e1c;}

/*百科*/
.title3 h2{padding: 50px 0; line-height: 60px; text-align: center; font-size: 36px; font-weight: normal;}
.why{padding-bottom: 80px; width: 1200px; overflow: hidden;}
.why ul{ width:1203px; overflow: hidden;}
.why li{ float: left; width: 400px; height: 280px; text-align: center; border-right: 1px solid #e7e7e7;}
.why li:hover{}
.why li .whyimg{ height: 112px;}
.why li .whyimg img{ -webkit-transition:all .4s; -moz-transition:all .4s; -ms-transition:all .4s; transition:all .4s;}
.why li:hover .whyimg img{ -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg);}

.why li h3{padding: 20px 0; line-height: 36px; font-size: 18px;}
.why li p{padding: 0 45px; font-size: 14px; color: #666;}
.why2 ul{ width:1204px; }
.why2 li{ width: 300px; border-right-color: #e2e2e2; }
.why2 li h3{padding: 20px 0 5px; }
.why2 li p{padding: 0 20px;}
.reveal{ position:relative; height:700px; overflow:hidden; }
.reveal .bd{ position:relative; height:580px; z-index:2;}
.reveal .bd ul{ }
.reveal .bd li{height: 580px; vertical-align:middle; text-align: center; }
.reveal .bd img{ height:580px;}
.reveal .hd{ height:3px; overflow:hidden; position:absolute; left: 0; right: 0; bottom:70px; z-index:1; overflow: hidden; }
.reveal .hd ul{ text-align: center;}
.reveal .hd ul li{display: inline-block; vertical-align: top; margin-right:2px; width:52px; height:1px; border:1px solid #f8f7f7; cursor:pointer; }
.reveal .hd ul li.on{ background:#0a4a88; border-color: #0a4a88; }
.reveal .prev,.reveal .next{ position:absolute; left:3%; top:50%; display:block; width:12px; height:20px; filter:alpha(opacity=50);opacity:0.5; z-index: 2; }
.reveal .prev{ left:auto; left: 3%; background:url(../images/prev2.png) 0 0 no-repeat; }
.reveal .next{ left:auto; right:3%; background:url(../images/next2.png) 0 0 no-repeat; }
.reveal .prev:hover,
.reveal .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.reveal .prevStop{ display:none;}
.reveal .nextStop{ display:none;}
.bkbtn{display: block; margin: 40px auto; width: 528px; height: 78px; text-align: center; line-height: 78px; background: #096ac7; font-size: 24px; color: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px;}
.bkbtn:hover{ color: #fff; background: #0654a0;}
.bkbtn.wkbtn{background: #f63230;}
.bkbtn.wkbtn:hover{background: #d31d1b;}

/*微信*/
.banner-wx{ height: 637px; background: url(../images/banner_wxbg.png) no-repeat center top;}
.wxal{ position:relative; height: 840px;}
.wxal .prev,.wxal .next{ position:absolute; top:50%; display:block; width:12px; height:20px; filter:alpha(opacity=50);opacity:0.5; z-index: 2; cursor: pointer; }
.wxal .prev{ left:auto; left: -50px; background:url(../images/prev2.png) 0 0 no-repeat; }
.wxal .next{ left:auto; right: -50px; background:url(../images/next2.png) 0 0 no-repeat; }
.wxal .hd{ height:3px; overflow:hidden; position:absolute; left: 0; right: 0; bottom:60px; z-index:1; overflow: hidden; }
.wxal .hd ul{ text-align: center;}
.wxal .hd ul li{display: inline-block; vertical-align: top; margin-right:2px; width:52px; height:1px; border:1px solid #f8f7f7; cursor:pointer; }
.wxal .hd ul li.on{ background:#0a4a88; border-color: #0a4a88; }
.wxal .bd ul{ overflow:hidden; zoom:1; }
.wxal .bd ul li{ float:left; _display:inline; margin: 0 26.5px; width:347px; height: 674px; overflow:hidden; text-align:center;  }
.wxal .bd ul li img{ width:100%; height: 100%;}
.future{}
.future ul{ width: 1212px;}
.future li{ float: left; margin-right: 13px; width: 290px; height: 500px; text-align: center; background: url(../images/bg1.png) repeat-y right top; overflow: hidden;}
.future li .future-img{ height: 220px; overflow: hidden;}
.future li .future-img img{ width: 100%; height: 100%; -webkit-transition:all .2s; -moz-transition:all .2s; -ms-transition:all .2s; transition:all .2s;}
.future li:hover .future-img img{ width: 100%; height: 100%; -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2); }
.future li h3{position: relative; margin-top: 20px; height: 56px; line-height: 46px; font-size: 18px; color: #333; font-weight: normal;}
.future li h3:after{position: absolute; display: block; content:""; bottom: 0; left: 50%; margin-left: -15px; width: 30px; height: 1px; background: #d8d8d8;}
.future li p{margin-top:18px; padding: 0 30px; font-size: 14px; line-height: 26px; color: #999; }
.program{ overflow: hidden;}
.program ul{ padding-left: 10px; width: 1200px;}
.program li{ float: left; margin:0 20px 20px 0; width: 220px; height: 222px; background:#fff; overflow: hidden;}
.program li .program-img{padding-top: 46px; height: 117px; text-align: center; overflow: hidden;}
.program li .program-img img{ -webkit-transition:all .2s; -moz-transition:all .2s; -ms-transition:all .2s; transition:all .2s;}
.program li:hover .program-img img{ -webkit-transform:rotate(360deg) scale(1.2); -moz-transform:rotate(360deg) scale(1.2); -ms-transform:rotate(360deg) scale(1.2); transform:rotate(360deg) scale(1.2);}
.program li h3{ height: 60px; line-height: 60px; background:#ddecf9; text-align: center; font-size: 18px;}
.platform{ border-top: 1px solid #a3c4e9; border-left: 1px solid #a3c4e9;}
.platform li{ float: left; width: 599px; height: 200px; border-right: 1px solid #a3c4e9; border-bottom: 1px solid #a3c4e9; overflow: hidden;}
.platform li .platform-l{position: relative; float: left; width: 193px; height: 200px; text-align: center;}
.platform li .platform-l img{ margin-top: 59px; -webkit-transition:all .2s; -moz-transition:all .2s; -ms-transition:all .2s; transition:all .2s;}
.platform li:hover .platform-l img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2); }
.platform li .platform-l:after{position: absolute; display: block; content: ""; right: 0; top: 60px; width: 1px; height: 80px; background: #e5e5e5;}
.platform li .platform-r{ float: left; padding: 60px 0px 0 30px; width: 375px; overflow: hidden;}
.platform li .platform-r h3{font-size: 16px; font-weight: normal;}
.platform li .platform-r p{padding-right: 50px; font-size: 12px; line-height: 26px; color: #999}
.marke{}
.marke{ border-top: 1px solid #dfe0e1; border-left: 1px solid #dfe0e1;}
.marke li{ background: #F8F9FB; float: left; width: 149px; height: 160px; border-right: 1px solid #dfe0e1; border-bottom: 1px solid #dfe0e1; overflow: hidden;}
.marke li .marke-img{padding-top: 44px; height: 76px; text-align: center;}
.marke li h3{ text-align: center; font-weight: normal;}
.marke li:hover{ box-shadow: 0 0 10px #ddd inset}
/*APP*/
.banner-app{ height: 637px;}
.banner-app .bd{ height: 637px;}
.banner-app .bd li{ height: 637px;}

.worth{position: relative; height: 612px;}
.worth:after{position: absolute; content:""; left: -2px; top: 0; width: 50%; bottom: 0; background: #6242a3; border:1px dashed #342152; z-index: 1;}
.worth .worth-l{position: relative; width: 50%; height: 612px; background: #6242a3; z-index: 2; overflow: hidden;}
.worth .worth-l .worth-img{padding-top: 53px; text-align: center;}
.worth .worth-r{position: relative; padding-top: 102px; width: 50%; z-index: 3;}
.worth .worth-r li{position: absolute; left: -60px; width: 1660px; margin-bottom: 3px; height: 79px; line-height: 79px; background:#fff; font-size: 20px; overflow: hidden;}
.worth .worth-r li.on{ box-shadow: 0 0 3px 0px #b9a9d8;}
.worth .worth-r li b{float: left; padding: 0 0 0 30px; font-size: 24px; color: #6242a3;}
.worth .worth-r li em{float: left; padding: 0 18px 0 8px; font-size: 14px; color: #6242a3;}

.scheme{ overflow: hidden;}
.scheme .scheme-l{ float: left; width: 540px; height: 400px;}
.scheme .scheme-l li{ float: left; margin-bottom: 8px; margin-right: 8px; width: 127px; height: 128px; background: #f6f6f6; text-align: center; overflow: hidden; cursor: pointer;}
.scheme .scheme-l li .scheme-img{margin-top: 28px; height: 50px;}
.scheme .scheme-l li .scheme-img img{display: block; margin: 0 auto;}
.scheme .scheme-l li .scheme-img .schimg2{display: none;}
.scheme .scheme-l li p{margin-top: 3px; font-size: 18px; }
.scheme .scheme-l li:hover{ background: #6242a3;}
.scheme .scheme-l li:hover p{color: #fff;}
.scheme .scheme-l li:hover .scheme-img .schimg1{ display: none;}
.scheme .scheme-l li:hover .scheme-img .schimg2{ display: block;}
.scheme .scheme-r{ float: right; width: 660px; height: 400px; background: #f6f6f6;}
.scheme .scheme-r .scheme-c{ height: 270px;}
.scheme .scheme-r .scheme-c img{width: 100%; height: 100%;}
.scheme .scheme-r .scheme-info{padding-top: 26px; height: 104px; overflow: hidden;}
.scheme .scheme-r .scheme-info h3{ float: left; width: 106px; height: 70px; text-align: center; line-height: 70px; font-size: 24px; color: #6242a3; border-right: 1px solid #d9d9d9;}
.scheme .scheme-r .scheme-info p{float: left; width:505px; padding: 0 20px 0 20px; font-size: 14px; color: #666; }
/*新增-友情链接*/
.footer .yq_link {color: #ffffff;font-size: 16px;padding: 10px 0;}
.footer .yq_link a{color: #ffffff;font-size: 14px;display: inline-block;margin: 0 10px;}