@charset "utf-8";
/* CSS Document */
*{word-wrap:break-word}
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{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html{position: relative;}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
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}
body,th,td,button,input,select,textarea,a,h1,h2,h3,h4,h5,h6{font-family:"Microsoft Yahei";font-size:14px;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
body{line-height:1.6; background: #ffffff; overflow-x:hidden;}
h1,h2,h3,h4,h5,h6{ font-weight: normal;}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer}
a:hover{text-decoration:none;outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}
 
/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}
 
/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
Name:			style_clearfix
Example:		class="clearfix|cl"
Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.clear { zoom:1; }
.clear:after { content:''; display:block; clear:both; }
.fl { float:left; }
.fr { float:right; }


/*header*/
body{ margin-top: 100px;}
#header{position: fixed; width: 100%; top: 0; background: #fff; z-index: 1000;}
.header{width: 1200px; margin: 0 auto; height:100px;}
.logo{ display: block; width: 216px; height: 40px; margin-top: 28px;}
.logo img{ width: 100%; height: 100%;}
.tel{ float: right; margin-top: 28px; display: none;}
.tel p{background: url(../images/tel.png) no-repeat 0 center; line-height: 26px; color: #1f487c; text-indent: 30px;}
.tel h2{ color: #10a7f1; font-family: "impact"; font-size: 24px;}
.nav{ float: left; width: 716px; margin-top: 36px; margin-left: 120px;}
.nav>li{ position:relative; float:left; width: 142px; overflow: hidden;}
.nav>li>a{display:block; color:#1f487c; font-size: 16px; width: 100%; height: 100%; text-align: center; line-height: 24px; text-align: center;}
.nav>li>a span{ color: #10a7f1; font-size: 12px; opacity: 0; filter:alpha(opacity:0); text-transform: uppercase;}
.nav>li.active span,.nav>li.active a, .nav>li a:hover{ color: #10a7f1; opacity: 1; filter:alpha(opacity:100);}
.nav>li a:hover span{ opacity: 1; filter:alpha(opacity:100);}
.focusBox{ position:relative;  height:820px; overflow:hidden; width: 1920px; left: 50%; margin-left: -960px;}
.focusBox .pic{height:820px; position: relative; }
.focusBox .pic img { width:100%; height:100%; display: block; z-index: 2;}	
.focusBox .hd { overflow:hidden; zoom:1; position:absolute; bottom:18px; left:50%; z-index:3; margin-left: -60px; z-index: 6;}	
.focusBox .hd li{ float:left; width:16px; height:16px; cursor:pointer; background:url(../images/dot.png) no-repeat; margin-left:30px; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease }	
.focusBox .hd .on{ background:url(../images/doth.png) no-repeat;}
#content{ width: 100%; position: relative;}
.index_title{ text-align: center; padding-top: 50px; margin-bottom: 34px; font-size: 24px;}
.index_title .intbg{ background:url(../images/h.png) no-repeat; width: 118px; height: 53px; margin: 0 auto;}
.index_title h2{ font-size: 17px; color: #1f487c; text-align: center; font-size: 48px; line-height: 76px; }
.index_title h2 em{ display: inline-block; width: 189px; height: 15px; position: relative;top: -8px;}
.index_title h2 em.em1{background:url(../images/em.png) no-repeat 0 center;}
.index_title h2 em.em2{background:url(../images/em1.png) no-repeat 30px center;}
.index_title p{ font-size: 29px; color: #10a7f1; text-align: center; text-transform: uppercase; }
.content{ width: 100%; height: 522px; background:url(../images/bg2.png) no-repeat left center; position: relative;left: 50%; margin-left: -960px; top: 0; width: 1920px; }
.page1_img{ position: absolute; left: 1128px; top: 0;}
.filte{ position: absolute;left: 0; top: -2px; opacity: 0.7;}
.coninfo{ width: 1200px; height: 100%; margin: 0 auto; position: relative;}
.coninfo h2{ color: #ffffff; font-size: 30px; font-weight: bold; padding-top: 60px; line-height: 80px; text-indent: 76px;}
.coninfo p{ font-size: 30px; color: #1f487c; line-height: 60px; width: 670px; padding:30px 0 0 24px;}
.coninfo a{display: block; background:url(../images/a.png) no-repeat; width: 180px; height: 44px; position: absolute; left: 516px; bottom: 100px;}
.coninfo a:hover{background:url(../images/b.png) no-repeat;}

.servc{ background: #e7edf3;}
.ordinary .index_title .intbg{ background: url(../images/h1.png) no-repeat;}
.service1{ margin: 80px auto 0; width: 1200px; padding-bottom: 50px;}
.service1 li{ margin-right:40px; width: 370px; height: 380px; float: left;}
.service1 .s3{ margin-right: 0;}
.service1 li a{ display: block; padding: 0 40px; height: 100%;background: #ffffff; position: relative;}
.service1 li a .img{ width: 146px; height: 146px; border-radius: 50%; z-index: 2; position: absolute; left:110px; top: -76px; overflow: hidden;}

.service1 li a h2{ color: #333333; font-size: 30px; text-align: center; padding-top: 80px; line-height: 60px;}
.service1 li a em{ display: block; width: 288px; height: 5px; background: #08deee; }
.service1 .s2 em{ background: #10a7f1; }
.service1 .s3 em{ background: #f8b551; }
.service1 li a p{ line-height: 30px; font-size: 16px; color: #333333; padding-top: 20px ;}
.service1 li a:hover{ background: #00b6c8;  -webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease;}
.service1 li a:hover h2{ color: #ffffff;}
.service1 li a:hover p{ color: #ffffff;}
.service1 li a:hover em{ background: #ffffff;}
.service1 li.s1 a:hover{ background:#08deee;  -webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease;}
.service1 li.s2 a:hover{ background:#10a7f1; -webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease;}
.service1 li.s3 a:hover{ background:#f8b551; -webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease;}
.service1 li.s1 a .img{ background:url(../images/sv1.png) no-repeat; display:block;}
.service1 li.s2 a .img{ background:url(../images/sv2.png) no-repeat; display:block;}
.service1 li.s3 a .img{ background:url(../images/sv3.png) no-repeat; display:block;}
.service1 li.s1 a:hover .img{ background:url(../images/sv1h.png) no-repeat !important;  -webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease;}
.service1 li.s2 a:hover .img{ background:url(../images/sv2h.png) no-repeat !important; -webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease;}
.service1 li.s3 a:hover .img{ background:url(../images/sv3h.png) no-repeat !important; -webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease;}
.ordinary{ height: 890px;width: 100%; position: relative; overflow: hidden;}
.ord_img{ position: absolute; left: 50%; margin-left: -960px; top: 0; width: 1920px; z-index: 0;}
.ordinary .index_title{ padding-top: 50px !important;}
.ordinary .index_title h2{ color: #ffffff !important; }
.focusBox1{ position:relative; width: 1202px; margin: 0 auto; height:550px; text-align: center;}
.focusBox1 .pic1{height:550px; position: relative; width: 1200px; }
.focusBox1 .pic1 img { height:548px; width: 1198px; display: block; z-index: 2;border:1px solid #fff;}
.focusBox1 .pic1 li a{ display: block;width: 100%; height: 100%; position: relative;}
.focusBox1 .pic1 li a h2{background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 24px; height: 60px; line-height: 60px; text-indent: 40px; width: 1198px; position: absolute;left: 1px; bottom: 1px;}	
.focusBox1 .pic1 h2 em{ color: #10a7f1;}	
.focusBox1 .hd { overflow:hidden; zoom:1; z-index: 6; display: inline-block;margin: 50px 0;}	
.focusBox1 .hd li{ float:left; width:16px; height:16px; cursor:pointer; background:url(../images/dot.png) no-repeat; margin:0 15px; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease }	
.focusBox1 .hd .on{ background:url(../images/doth1.png) no-repeat;}
.btn{ width: 1384px; margin: 0 auto; position: absolute;  left: 50%; top: 0; margin-left: -692px;}
.btn .prev, .btn .next{position: absolute; width: 52px; height: 96px; top: 250px; z-index: 3;}
.btn .prev{ background:url(../images/prev.png) no-repeat; left: 0;}
.btn .next{ background:url(../images/next.png) no-repeat; right: 0;}
.btn .prev:hover{ background:url(../images/prevh.png) no-repeat; left: 0;}
.btn .next:hover{ background:url(../images/nexth.png) no-repeat; right: 0;}
.onload{ height: 880px;width: 100%; position: relative; overflow: hidden;}
.onload table{ width: 1200px; position: relative;z-index: 2; margin: 0 auto;background:url(../images/table.png) no-repeat center top; background-size: cover; border-radius: 16px;}
.onload table .title{  height: 60px;width: 100%;}
.onload table .title td{ color: #ffffff; font-size: 24px;}
.onload table tr td{ text-align: center; height: 60px; line-height: 60px;border-bottom: 1px dotted #cccccc;}
.onload table .tr td{ color: #1f487c; font-size: 18px; cursor: pointer;}
.onload table .tr td a{background:url(../images/load1.png) no-repeat; display: inline-block; width: 26px; height: 26px; margin-right: 40px; z-index: 2;}
.onload table .tr td em{background:url(../images/share.png) no-repeat; display: inline-block; width: 24px; height: 22px; position: relative;}
.onload table .tr td em i{ position: absolute; width: 134px; height: 134px; top: -50px;left: -144px; display: none; transition:all 1s; overflow: hidden;}
.onload table .tr td em i img{ max-height: 100%; max-width: 100%;}
.onload table .tr td a:hover{background:url(../images/load1h.png) no-repeat;}
.onload table .tr td em:hover{background:url(../images/share1.png) no-repeat; }
.onload table .tr td em:hover i{ display: block;}
.onload table .tr:hover td{ color: #10a7f1;}
.onload table .tr:hover a{background:url(../images/load1h.png) no-repeat;}
.onload table .tr1 td{ border:none; }
#footer1, #footer{ background: #f2f2f2; width: 100%;}
#footer{ border-bottom: 1px solid #d2d2d2; border-top: 1px solid #fff;}
.footer1, .footer{ width: 1200px; margin: 0 auto;}
.logo1{ display: inline-block;width: 180px; height: 26px; margin-top: 87px; margin-right: 62px;}
.logo1 img{ width: 100%; height: 100%;}
.contactus{ margin: 40px 0 30px; width: 520px; border-left: 1px solid #d2d2d2; padding-left: 120px;}
.contactus h2{ color: #1f487c; font-size: 24px;}
.contactus h2 em{ color: #10a7f1; font-size: 18px; display: inline-block;margin-left: 0.5em;}
.contactus p{ font-size: 16px; line-height: 30px;}
.code{ margin-top: 30px;}
.samecode{ float: left; width: 134px;}
.code1{ margin-right: 30px;}
.code1_div{ width: 134px; height: 134px; display: table-cell;vertical-align: middle;text-align: center;}
.code1_div img{ max-height: 100%; max-width: 100%;}
.code h2{ font-size: 18px; color: #808080; line-height: 50px; text-align: center; width: 100%;}
.footer1{text-align: center;}
.footer1 p{ line-height: 60px; color: #808080;}
.footer1 p a{ color: #808080;}
.footer1 p a:hover{ color: #10a7f1;}