/* 
*Description:	thope Theme CSS
*Author:	toyean
*Website:	http://www.toyean.com/
*Mail:		toyean@qq.com
*Weibo:	http://weibo.com/toyean
*Version:	2.2.0(2017-04-27)
*Page width:	1000px
*/
/******************全局变量*************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;font-size:100%;border:0;vertical-align:baseline}article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
body{font-size:14px;color:#666;font-family:arial,verdana,"microsoft yahei"}
h1,h2,h3,h4,h5,h6{font-weight:normal}
a{color:#ef5b00;text-decoration:none;-webkit-transition:background-color .15s linear,color .15s linear;-moz-transition:background-color .15s linear,color .15s linear;-o-transition:background-color .15s linear,color .15s linear;-ms-transition:background-color .15s linear,color .15s linear;transition:background-color .15s linear,color .15s linear}
a:hover{color:#ef5b00;text-decoration:none}
area{behavior:url(images/area.htc);outline:0}
i{font-style:normal}
ul,ol{list-style-type:none}
img{max-width:100%;height:auto;width:auto\9;border:0;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:-webkit-transform .3s ease 0s;transition:transform .3s ease 0s}
input,textarea{font-size:14px;font-family:arial,verdana,"microsoft yahei";outline:0}
.wrapper .focus{border:1px solid #ef5b00}
@font-face{font-family:'icomoon';src:url('fonts/icomoon.eot?9kcc5g');src:url('fonts/icomoon.eot?9kcc5g#iefix') format('embedded-opentype'),url('fonts/icomoon.ttf?9kcc5g') format('truetype'),url('fonts/icomoon.woff?9kcc5g') format('woff'),url('fonts/icomoon.svg?9kcc5g#icomoon') format('svg');font-weight:normal;font-style:normal}
.wrapper{width:100%;min-width:1200px;background:#fff;overflow:hidden}
.wra2pper{width:100%;min-width:1200px;background:#f4f4f4;overflow:hidden}
.wrap{width:1200px;min-width:1200px;margin:0 auto;overflow:hidden;zoom:1;*zoom:1;  }
.wrap:after{content:"";display:block;clear:both}
.wrap .mask{width:100%;height:100%;background:transparent;position:absolute;left:0;top:0;z-index:-1}
.caseBanner{ position:relative; padding-top:100px; width:100%;height:350px; background:url(../images/case_ban2.jpg) no-repeat;}
.top-wrap{padding:0 2%;height:32px;line-height:32px;font-size:14px;overflow:hidden;background:#fff;border-bottom:#efefef solid 1px;}
.welcome{float:left;width:400px;color:#999;font-size:14px;}
.top-tel{float:right;padding-left:48px;color:#043985;font-size:18px;border-left:#efefef solid 1px;font-weight:bold;}
.top-menu{float:right;margin-right:20px;width:120px; font-size:14px; font-weight:bold; color:#F00;text-align:right;background: url(../img/info2tel.png) no-repeat 0px 5px;}
/*******************顶部样式*************************/
/*.header{width:100%;height:100px;position:fixed;z-index:1}浮动顶部窗口*/
.header{width:100%;height:100px;}
.header .wrap{overflow:visible}
.headbg,.define{height:70px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 4px rgba(0,0,0,0.1);box-shadow:0 1px 4px rgba(0,0,0,0.1);background:rgba(255,255,255,0.9);-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;*background:#fff}
.headbg .logo,.define .logo{margin-top:10px}
.headbg .logo a,.define .logo a{display:block}
.headbg .menu li,.define .menu li{line-height:70px}
.headbg .menu li a,.define .menu li a{color:#333; }
.headbg .menu li a:before,.define .menu li a:before{content:"";bottom:0;background:#ef5b00;}
.headbg .menu li.showsub .subnav,.define .menu li.showsub .subnav{top:68px}
.headbg .wrap,.define .wrap{height:70px}
.headbg .menuico,.define .menuico{top:21px}
.headbg .logo,.define .logo{margin-top:15px}
.headbg .menu,.define .menu{top:70px}
.logo{width:310px;float:left;display:inline;margin-top:20px;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.logo a{display:block}
.logo img{height:45px}
.menuico{float:right;display:inline;margin-right:20px;cursor:pointer;position:relative;z-index:10;top:2em;display:none;width:38px;height:38px;background:#666;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}
.menuico.on{background:#ef5b00}
.menuico span{position:absolute;top:50%;left:50%;display:block;width:21px;height:2px;background-color:#fff;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}
.menuico span:first-child{margin-top:-6px}
.menuico span:last-child{margin-top:6px}
.menuico.on span:first-child{width:20px;margin-top:-8px;margin-left:-7px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}
.menuico.on span:nth-child(2){opacity:0;width:2px;left:20px;-moz-transition-delay:0s;-o-transition-delay:0s;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition:all .1s ease-in;-moz-transition:all .1s ease-in;-o-transition:all .1s ease-in;transition:all .1s ease-in}
.menuico.on span{-webkit-transform-origin:0;-moz-transform-origin:0;transform-origin:0}
.menuico.on span:last-child{width:20px;margin-top:6px;margin-left:-7px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}
.menu{float:right;display:inline;text-align:right;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.menu ul{display:inline-block}.menu li{line-height:100px;position:relative;display:inline-block;vertical-align:top;*display:inline;*zoom:1}
.menu li a{padding:0 15px;font-size:18px;color:#666;font-family:"microsoft yahei";position:relative;display:block;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.menu li a:hover,.menu li a.active,.menu li a.on{color:#ef5b00; font-weight:bold;}
.menu li a:before{content:"";width:0;height:2px;background:#ef5b00;position:absolute;left:50%;bottom:20px;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}
.menu li a.active:before,.menu li a.on:before{width:100%;margin-left:-50%}
.menu li a.sub:after{content:url(../images/topico.png);margin:35px 0 0 6px;font-size:14px;font-family:icomoon;position:relative;right:0;display:inline-block;vertical-align:top}/*图标显示区调用伪原素*/
.menu li.showsub .subnav{top:78px;display:block;}
.menu .subnav{width:150px;margin-left:-76px;padding:8px 0;line-height:35px;text-align:center;border:1px solid #eee;border-radius:5px;background:#fff;position:absolute;left:50%;z-index:1;display:none;}
.menu .subnav a{margin:0 10px;font-size:16px;border-bottom:1px solid #eee;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;}
.menu .subnav a.nb{border:0}.menu .subnav a:hover{color:#ef5b00; font-size:16px; font-weight:bold;border-bottom:1px dotted #ef5b00}
.menu .subnav:before{content:"";height:10px;width:10px;margin-left:-7px;background:#fff;border:1px solid #eee;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);border-left:0;border-bottom:0;position:absolute;top:-6px;left:50%}
.search{float:right;display:inline;margin:25px 0 0 12px; padding-left:30px; padding-top:2px;overflow:hidden;position:relative; height:20px; background:url(../images/yd_phone.png) no-repeat; font-size:18px; }/*  电话展示区 */



/*  广告轮播图 */
.banner{ width:1920px;margin: 0 auto; position:relative;height:600px;top:0px;left:50%; margin-left:-960px; background-color:#99CC33}
.banner .bd{ width:1920px; height:600px; overflow:hidden; z-index:0;}
.banner_ctr{ height:90px;position:absolute;top:45%;z-index:2;left:50%;margin-left:-600px;}
.banner_ctr a{ display:block;width:47px;height:79px; background: url(../images/banner_btn.png) no-repeat 0 0; position:absolute; opacity:0;filter: alpha(opacity=0);display:block;}
.banner_ctr a.prev{left:-90px;}
.banner_ctr a.next{right:-1200px; background-position: -47px 0px;}
.banner_ctr a:hover{opacity:0.7;filter:alpha(opacity=70);}
.banner .hd{position:absolute; bottom:10px; text-align: center; z-index:5;left: 50%;font-size: 0; line-height: 0;height: 0px; margin-left:-50px;height:10px;overflow:hidden;}
.banner .hd li{background:#fff; z-index:2; cursor:pointer; margin-right:5px; display:inline-block;width:6px; height:6px;*display:inline; zoom:1; border-radius: 100%;border:2px solid #fff;}
.banner .hd li:hover,.banner .hd .on{background:none;border:2px solid #00bb8a}

.main{padding:80px 20px 50px}
.main{padding:80px 0 50px;*font-family:"microsoft yahei";background:#f5f5f5}
.main a:hover{color:#ef5b00}
.main .ias_trigger{margin:0 0 20px}
.main .ias_trigger a{padding:10px 0;font-size:16px;color:#ef5b00;text-align:center;border:1px solid #ef5b00;background:#fff;display:block}
.main .ias_trigger a:hover{color:#fff;background:#ef5b00}



.ig-share { width:100%; padding:0 0 10px; }
.ig-share .bdsharebuttonbox { float:right; height:40px; }
.ig-share span { float:left; height:27px; line-height:27px; margin:6px 6px 6px 0; }
.ig-share a { float:left; padding-left:27px !important; height:27px !important; margin:6px 6px 6px 0; background-image:url(../images/Case/ico-share.png) !important; }
.ig-share a.jing_qzone { background-position:0 0 !important; }
.ig-share a.jing_tsina { background-position:0 -27px !important; }
.ig-share a.jing_tqq { background-position:0 -54px !important; }
.ig-share a.jing_renren { background-position:0 -81px !important; }
.ig-share a.jing_weixin { background-position:0 -108px !important; }

.sitepath { height:30px; line-height:30px; padding:35px 0 0 0; overflow:hidden; color:#999; }
.sitepath a { color:#999; }
.sitepath a:last-child, .sitepath a:hover { color:#666; }

.page-case { padding:0 0 100px; }
.page-case .content { float:left; width:850px; overflow:hidden; }
.page-case h1 { font-size:32px; }
.page-case .content .opr { height:25px; line-height:25px; margin:0 0 10px; color:#666; font-family:'Arial'; }
.page-case .content .opr span { margin-right:10px; cursor:pointer; }
.page-case .content .opr span:before { content:""; width:25px; height:25px; overflow:hidden; display:inline-block; vertical-align:middle; }
.page-case .content .opr span.hit:before { background:url(../images/Case/ico-case.png) 0 0 no-repeat; }
.page-case .content .opr span.zan:before { background:url(../images/Case/ico-case.png) 0 -25px no-repeat; }
.page-case .content .opr span:hover { opacity:0.6; filter:Alpha(opacity=60); }
.page-case .content .opr span.checked { color:#fd313d; }
.page-case .content .opr span.zan.checked:before { background-position:-25px -25px; }
.page-case .article { border:0 solid #f3f3f3; position:relative; line-height:2; }
/*.page-case .article img { display:block; width:100%; }*/
.page-case .article:after { content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(255,255,255,0); z-index:1; }

.page-case .img { display:block; width:100%; }

.page-case .side { float:right; width:332px; }
.page-case .relink { width:100%; height:40px; margin-bottom:25px; padding-top:17px; }
.page-case .relink a { float:right; width:39px; height:39px; overflow:hidden; text-indent:-99em; background:url(../images/Case/ico-relink.png) 0 0 no-repeat; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none; margin-left:7px; }
.page-case .relink .lise { background-position:0 0; }
.page-case .relink .prev { background-position:0 -39px; }
.page-case .relink .next { background-position:0 -78px; }
.page-case .relink .lise:hover { background-position:-39px 0; }
.page-case .relink .prev:hover { background-position:-39px -39px; }
.page-case .relink .next:hover { background-position:-39px -78px; }
.page-case .relink span { display:none; }

.page-case .base { width:300px; padding:14px; border:2px solid #f3f3f3; }
.page-case .base dd { height:35px; line-height:35px; font-size:16px; overflow:hidden; }
.page-case .base dt { padding-top:10px; overflow:hidden; }
.page-case .base dt a { float:right; width:140px; height:40px; line-height:40px; text-align:center; font-size:18px; background:#ff9c00; color:#FFF; border-radius:3px; }
.page-case .base dt a:first-child { float:left; }
.page-case .base dt a:hover { background:#df8800; }
.page-case .information { background:#f3f3f3; width:300px; padding:16px 16px 24px; }
.page-case .information h3 { height:40px; line-height:40px; padding-top:10px; font-size:16px; color:#ff3334; font-weight:400; }
.page-case .information h3:first-child { padding-top:0; }
.page-case .information p { font-size:13px; line-height:22px; color:#555; }
.page-case .information .strong { line-height:30px; color:#555; }
.page-case .information .code { width:126px; height:auto; padding:20px 20px 10px; background:#fff; border:1px solid #eee; margin-bottom:20px; position:relative; top:20px; color:#0074d7; text-align:center; margin:0 auto 20px; }
.page-case .information .code img { display:block; width:126px; height:126px; margin-bottom:10px; }
.page-case .information .link { display:block; width:100%; height:40px; line-height:40px; text-align:center; background:#0080ca; color:#FFF; border-radius:3px; margin:20px 0 0; font-size:16px; }
.page-case .information .link:hover { background:#05649b; }


.page-case .subsidiary { width:300px; padding:25px 16px; background:#ebebeb; margin-bottom:10px; }
.page-case .tool { padding-bottom:15px; }
.page-case .tool li { float:left; width:70px; height:auto; margin:0 10px 0 15px; }
.page-case .tool a { display:block; text-align:center; line-height:30px; font-size:16px; }
.page-case .tool i { display:block; width:70px; height:70px; background:#fff; border-radius:50%; margin:0 auto; }
.page-case .tool a.ico-zj i { background:url(../images/Case/ico-tool-zj.png) center center no-repeat; }
.page-case .tool a.ico-online i { background:url(../images/Case/ico-tool-online.png) center center no-repeat; }
.page-case .tool a.ico-lxb i { background:url(../images/Case/ico-tool-lxb.png) center center no-repeat; }
.page-case .tool a:hover i { box-shadow:0 0 0 3px rgba(0,0,0,0.1);  }
.page-case .tag { padding:10px 0 0; font-size:13px; }
.page-case .tag a, .page-case .tag span { display:inline-block; vertical-align:middle; height:30px; line-height:30px; padding:0 6px; margin:0 2px 5px 0; }
.page-case .tag span { padding-left:22px; background:url(../images/Case/ico-tag.png) left center no-repeat; margin-right:0; }
.page-case .tag a { background:#dadada; padding:0 10px; }
.page-case .share { width:100%; height:35px; padding:10px 0 15px; clear:both; }
.page-case .statement {}
.page-case .statement h3 { font-size:16px; font-weight:400; }
.page-case .statement p { font-size:13px; }
.page-case .recase { width:100%; }
.page-case .recase .head { height:50px; line-height:50px; color:#ff3334; font-size:16px; }
.page-case .recase { width:100%; overflow:hidden; }
.page-case .recase .list { width:100%; margin-bottom:0; }
.page-case .recase .item { width:332px; height:265px; background:#FFF; margin:0 14px 14px 0; position:relative; }
.page-case .recase .img { display:block; width:100%; height:206px; overflow:hidden; }
.page-case .recase .img img { display:block; width:100%; -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1); }
.page-case .recase h3 { height:32px; line-height:32px; font-weight:400; margin:0 0; }
.page-case .recase .opr { height:25px; line-height:25px; margin:0 0; color:#aaa; }
.page-case .recase .opr span { margin-right:10px; cursor:pointer; }
.page-case .recase .opr span:before { content:""; width:25px; height:25px; overflow:hidden; display:inline-block; vertical-align:middle; }
.page-case .recase .opr span.hit:before { background:url(../images/Case/ico-case.png) 0 0 no-repeat; }
.page-case .recase .opr span.zan:before { background:url(../images/Case/ico-case.png) 0 -25px no-repeat; }
.page-case .recase .opr span:hover { opacity:0.6; filter:Alpha(opacity=60); }
.page-case .recase .opr span.checked { color:#fd313d; }
.page-case .recase .opr span.zan.checked:before { background-position:-25px -25px; }
.page-case .recase .link { width:100px; height:23px; line-height:23px; text-align:center; position:absolute; bottom:0; right:0; color:#596583; border:1px solid #ddd; }
.page-case .recase .link:hover { border-color:#0080ca; color:#0080ca; }

.bottomer { width:100%; background:#1e1e1e; padding:40px 0; border-bottom:1px solid #282828; color:#999; }
.bottomer a { color:#999; }
.bottomer a:hover { color:#199ad7; text-decoration:underline; }

.wrap { width:1200px; margin:0 auto; position:relative; }

.clearfix:after { content:""; clear:both; font-size:0px; line-height:0px; display:block; width:100%; height:1px; }
.hidden { display:none; }
.center { text-align:center; }

.subnav { float:left; }
.subfocus, .subcontact { float:right; }
.subcontact { width:280px; margin-left:60px; }
.subcontact dt { font-size:35px; height:50px; line-height:35px; }
.subcontact dd { line-height:30px; }
.subnav dl { float:left; width:128px; }
.subnav dt { height:30px; line-height:20px; font-size:18px; color:#FFF; }
.subnav dd { line-height:30px; }
.subnav dl:first-child { width:200px; }
.subnav dl:first-child dd { width:90px; float:left; }
.subfocus { width:240px; }
.subfocus dt { float:left; width:120px; line-height:20px; padding:10px; background:#FFF; text-align:center; position:relative; }
.subfocus dt img { display:block; width:120px; height:120px; }
.subfocus dt span { color:#CCC; font-size:13px; }
.subfocus dt:before { content:""; width:0; height:0; border:6px solid transparent; border-left-color:#fff; position:absolute; top:45px; right:-12px; }
.subfocus dd { float:right; font-size:16px; color:#FFF; }
.subfocus h2 { height:30px; line-height:20px; font-size:18px; font-weight:400; }
.subfocus dd span, .subfocus dd a { display:block; height:40px; line-height:40px; padding-left:25px; color:#FFF; }
.subfocus .ico-weixin { background:url(../images/Case/ico-weixin2.png) left center no-repeat; }
.subfocus .ico-sina { background:url(../images/Case/ico-sina2.png) left center no-repeat; }
.subfocus .ico-hnjing { background:url(../images/Case/ico-hnjing.png) left center no-repeat; }


.footer { width:100%; background:#1e1e1e; padding:40px 0; text-align:center; }
.footer p { line-height:35px; color:#666; }
.footer p a { color:#666; margin:0 10px; }
.footer p:first-child a { color:#999; }
.footer p a:hover { color:#199ad7; text-decoration:underline; }
.footer .ico { padding-top:15px; }