@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,
dl, dt, dd, ul, ol, li,
pre,
form, fieldset, legend, button, input, textarea, table, tr, td
{margin:0px;padding:0px;}
fieldset, img {border:0;}
li {list-style:none;}
body,button, input, select, textarea,img /* for ie */ {}
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd,samp { font-family: courier new, courier, monospace; }

ins {text-decoration:none;}
del {text-decoration:line-through;}
h1, h2, h3, h4, h5, h6,h7 {}
h1 {font-size: 2em;}
h2 {font-size: 1.7em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.38em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1.1em;font-style: italic;}
h88 {font-size: 12px; line-height:24PX; color:#7d7d7d; padding-top:18px;}

address,cite,dfn,em,var{font-style:normal;}
caption,td {font-weight: normal;}
cite, blackquote, em, i {font-style: italic;}
strong, b {	font-weight: bold;}
pre, code {font-family: monospace;font-size: 1.1em;}
abbr[title],acronym[title]{border-bottom:1px dotted;cursor:help;}
table {	border-collapse:collapse; /* 边框合并属性 */border-spacing:0;}
q:before, q:after, blockquote:before, blockquote:after {content:"";content:none}
blockquote, q {	quotes:none;}

legend { color: #333; } 
button,input,select,textarea,checkbox,radio 
{vertical-align:middle;}

a{ text-decoration: none; color:#333;}
a:hover{ text-decoration: underline; }
html{background:#F1F1F1 url(images/html.gif) center top ;}
.fr {float:right;}
.fl {float:left;}
.clear{clear:both;}
.blank5,.blank10,.blank20,.blank30 {clear:both;overflow:hidden;}
.blank5 {height:5px;}
.blank10 {height:10px;}
.blank30 {height:30px;}
.blank20 {height:20px;}
.pr{position:relative;}    /*相对*/
.pa{position: absolute;}    /*绝对*/



.box{width:1194px;margin:0 auto;}



.banner2{height:580px;overflow:hidden;}
/*全局*/
.banner2 .focus{width:100%;height:580px;margin:0px auto;position:relative;z-index:8}
.banner2 .rslides{overflow:hidden;width:100%;height:580px;}
.banner2 .rslides li{width:100%;height:580px;}
.banner2 .rslides .rslides_li1 a{background:url(images/img41.jpg) center center no-repeat;display:block;height:580px;width:100%;}
.banner2 .rslides .rslides_li2 a{background:url(images/img42.jpg) center center no-repeat;display:block;height:580px;width:100%;}
.banner2 .rslides .rslides_li3 a{background:url(images/img43.jpg) center center no-repeat;display:block;height:580px;width:100%;}
.banner2 .rslides .rslides_li4 a{background:url(images/img44.jpg) center center no-repeat;display:block;height:580px;width:100%;}
.banner2 .rslides .rslides_li5 a{background:url(images/img45.jpg) center center no-repeat;display:block;height:580px;width:100%;}
.banner2 .rslides .rslides_li6 a{background:url(images/img46.jpg) center center no-repeat;display:block;height:580px;width:100%;}
/*左右切换按钮*/
.banner2 .rslides{width:100%;position:relative;list-style:none;padding:0}
.banner2 .rslides_nav{height:80px;width:40px;position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:110px;
opacity:0.8;text-indent:-9999px;overflow:hidden;text-decoration:none;background:url(images/banner-lr2.gif) no-repeat left top;margin-top:-30px}
.banner2 .rslides_nav:active{opacity:1.0}
.banner2 .rslides_nav.next{left:auto;background:url(images/banner-lr2.gif) no-repeat right top;right:110px;}
.banner2 .rslides_nav:hover{background:url(images/banner-lr2.gif) no-repeat left bottom;}
.banner2 .rslides_nav.next:hover{left:auto;background:url(images/banner-lr2.gif) no-repeat right bottom;}
/*12345按钮*/
.banner2 .rslides_tabs{width:100%;text-align:center;margin:0 auto;position:relative;top:-30px;}
.banner2 .rslides_tabs li{display:inline-block; *display:inline;*zoom:1;height:16px;width:16px;margin:0 8px;overflow:hidden;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.banner2 .rslides_tabs a{text-indent:-9999px;overflow:hidden;display:block;height:16px;width:16px;background:rgba(255,255,255,.5);}
.banner2 .rslides_tabs .rslides_here a{background:#FFF;}



.scrollBox{ width:100%;  position:relative; }
.scrollBox {position:relative;zoom:1;}
.scrollBox .ohbox{overflow:hidden; position:relative;width:1192px;left:1px}
.scrollBox .piclist{ overflow:hidden; zoom:1;}
.scrollBox .piclist li{float:left; display:inline; width:297px;height:400px;background:#F3F3F3;border:1px solid #FFF;text-align:center;}
.scrollBox .piclist li a{text-decoration: none;}
.scrollBox .piclist li h1{color:#0084BB;font-size: 50px;height:120px;line-height:120px;overflow:hidden;}
.scrollBox .piclist li div{height:250px;width:257px;margin:0 auto;overflow:hidden;}
.scrollBox .piclist li div img{height:250px;width:auto;margin:0 auto;}
.scrollBox .piclist li h3{line-height:22px;margin:20px 0 0 ;color:#666;font-weight: normal;}
.scrollBox .piclist li p{color:#999;font-size: 14px;}
.scrollBox .pageBtn{text-align:center;margin:30px 0 0 ; }
.scrollBox .pageBtn span{ border:1px solid #E5E5E5; display:inline-block;  width:298px;height:28px; 
cursor:pointer;text-indent:-999em;overflow:hidden; }
.scrollBox .pageBtn .prev{background:#FFF url(images/pageBtn.png) 90% 9px no-repeat;}
.scrollBox .pageBtn .prev:hover{border-color:#0084BB;background:#0084BB url(images/pageBtn.png) 90% -82px no-repeat;}
.scrollBox .pageBtn .next{background:#FFF url(images/pageBtn.png) 10% -53px no-repeat;}
.scrollBox .pageBtn .next:hover{border-color:#0084BB;background:#0084BB url(images/pageBtn.png) 10% -20px no-repeat;}
.scrollBox .pageBtn .list{display:none;}




.section4{}
.w580{width:580px;}
.w580 .title10 p{background:url(images/p1.png) left center no-repeat , url(images/p1.png) right center no-repeat;}
.fl-video{float:left;height:212px;width:306px;margin-right:20px;}
.section4-1 dl{margin-right:10px;}
.section4-1 dl dt{line-height:30px;font-size: 16px;margin-bottom:15px;}
.section4-1 dl dd{line-height:24px;color:#999;height:120px;overflow:hidden;}
.section4-1 .more{display:inline-block;margin-top:20px;height:30px;line-height:30px;padding:0 20px;border:1px solid #EEE;background:#FFF;font-size: 14px;color:#999;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}
.section4-1 .more:hover{background:#0184BC;border-color:#0184BC;color:#FFF;text-decoration: none;}

.section4-2{}
.section4-2 dl{}
.section4-2 dl dt{padding-left:15px;background:url(images/pageBtn.png) left -53px no-repeat;line-height:30px;font-size: 16px;margin-bottom:15px;}
.section4-2 dl dt p{line-height:12px;font-size: 12px;color:#999;}
.section4-2 dl dd{padding-left:15px;line-height:24px;color:#999;max-height:72px;margin-bottom:10px;overflow:hidden;}



.scroll-pane{height:212px;}
.jspContainer{overflow:hidden;position:relative;}
.jspPane{position:absolute;}
.jspVerticalBar{position:absolute;top:0;right:0;width:16px;height:100%;}
.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:16px;}
.jspVerticalBar *,.jspHorizontalBar *{margin:0;padding:0;}
.jspCap{display:none;}
.jspHorizontalBar .jspCap{float:left;}
.jspTrack{background:url(images/scrollBar.png) repeat-y center;position:relative;}
.jspDrag{background:url(images/scrollBtn.png) center center no-repeat;position:relative;top:0;left:0;cursor:pointer;min-height:50px;}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%;}
.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer;}
.jspArrow.jspDisabled{cursor:default;background:#80808d;}
.jspVerticalBar .jspArrow{height:16px;}
.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%;}
.jspVerticalBar .jspArrow:focus{outline:none;}
.jspCorner{background:#eeeef4;float:left;height:100%;}
* html .jspCorner{margin:0 -3px 0 0;}




#to_top{position:absolute; cursor:pointer;height:74px;width:74px;text-indent: -9999px;overflow:hidden;background:url(images/backToTop.png) center center no-repeat;}

.contact20{float:right;width:370px;}




.title20{height:100px;line-height:100px;}
.title20 h1{line-height:100px;padding-left:20px;background:url(../images/title20-h5.gif) left center no-repeat;color:#0084BB;}
.mianbao{float:right;}
.mianbao a{margin:0 5px;}

.box2a{margin:0 auto;padding:40px 0 ;background:url(../images/protu.jpg); background-repeat:repeat;}
.box2a .left{margin-bottom:20px;}


.box2{margin:0 auto;padding:40px 0 ;background:#FFF;}
.box2 .left{margin-bottom:20px;}
.left{margin:0 40px;}
.left table{width:100%;}
.left table tr td{text-align:center;height:40px;padding-bottom:7px;line-height:40px;border-right:1px solid #FFF;background:url(../images/left-td.gif) center top no-repeat;}
.left table tr td:hover,.left table tr td.on{background:url(../images/left-td.png) center -40px no-repeat;}
.left table tr td a{color:#FFF;font-size: 14px;}


.left1 .left1_1{display:none;}
.left1 ul{width:100%;}
.left1 ul li{float:left;text-align:center;height:40px;width:24%;padding-bottom:7px;line-height:40px;border-right:1px solid #FFF;background:url(../images/left-td.gif) center top no-repeat;}
.left1 ul li:hover,.left1 ul li.on{background:url(../images/left-td.png) center -40px no-repeat;}
.left1 ul li a{color:#FFF;font-size: 16px;}


.left2{}
.left2-1{line-height:40px;height:50px;font-size: 18px;color:#333;border-bottom:1px solid #E2E2E2;}
.left2 ul{padding:5px 0 ;}
.left2 ul li{padding:5px 0 ;border-bottom:1px dotted #E2E2E2;}
.left2 ul li a{display:block;height:47px;padding-left:40px;line-height:47px;font-size: 16px;background:url(../images/left2-a2.gif) 20px center no-repeat;}
.left2 ul li a:hover,.left2 ul li a.on{color:#FFF;background:url(../images/left2-a.gif) left top no-repeat;}

.left3{width:100%;}
.left3 img{width:100%;height:auto;margin:20px 0 0;}


.box2 .right{margin:0 40px;}
.box2a .right{margin:0 40px;}
.right .title20 .mianbao{display:none;}
.right .title20{text-align:center;}
.right .title20 h5{font-size: 2em;color: #444;line-height: 220%;}
.right .title20 span{display:none;}

.list-pic2{}
.list-pic2 figure{float:left;height:548px;width:350px;margin:30px 0 0 30px;}
.list-pic2 figure:nth-child(3n+1) {margin-left:0;}
.list-pic2 figure div{display:block;width:288px;height:288px;padding:30px;border:1px solid #EEE;overflow:hidden;text-align:center;}
.list-pic2 .figure-img4{display:block;height:100%;width:100%;overflow:hidden;}
.list-pic2 .figure-img4 img{width:auto;height:100%;margin:0 auto}
.list-pic2 figcaption{padding:15px 0 ;}
.list-pic2 .figcaption-title{line-height:40px;font-size: 16px;}
.list-pic2 p{line-height:22px;height:44px;overflow:hidden;color:#999;}
.list-pic2 .more{display:inline-block;margin-top:20px;height:30px;line-height:30px;padding:0 20px;border:1px solid #EEE;background:#FFF;font-size: 14px;color:#999;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}
.list-pic2 figure:hover div{background:#0084BB;border-color:#0084BB;}
.list-pic2 figure:hover .figcaption-title{color:#0084BB}
.list-pic2 figure:hover .more{background:#0184BC;border-color:#0184BC;color:#FFF;text-decoration: none;}

.list-pic21{}
.list-pic21 figure{float:left;height:400px;width:350px;margin:30px 0 0 30px;}
.list-pic21 figure:nth-child(3n+1) {margin-left:0;}
.list-pic21 figure div{display:block;width:288px;height:288px;padding:30px;border:1px solid #EEE;overflow:hidden;text-align:center;}
.list-pic21 .figure-img4{display:block;height:100%;width:100%;overflow:hidden;}
.list-pic21 .figure-img4 img{width:auto;height:100%;margin:0 auto}
.list-pic21 figcaption{padding:15px 0 ;text-align:center;}
.list-pic21 .figcaption-title{line-height:40px;font-size: 16px; text-align:center;}
.list-pic21 p{line-height:22px;height:44px;overflow:hidden;color:#999;}
.list-pic21 .more{display:inline-block;margin-top:20px;height:30px;line-height:30px;padding:0 20px;border:1px solid #EEE;background:#FFF;font-size: 14px;color:#999;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}
.list-pic21 figure:hover div{border-color:#0084BB; border:1px #0084BB solid; background-color:#F3F3F3}
.list-pic21 figure:hover .figcaption-title{color:#0084BB}
.list-pic21 figure:hover .more{background:#0184BC;border-color:#0184BC;color:#FFF;text-decoration: none;}

.list-pic22{}
.list-pic22 figure{float:left;height:300px; height:270px;}
.list-pic22 figure:nth-child(3n+1) {margin-left:0;}
.list-pic22 figure div{display:block;width:300px;height:220px;overflow:hidden; }
.list-pic22 .figure-img4{display:block;width:320px;height:240px;overflow:hidden;}
.list-pic22 .figure-img4 img{width:300px;height:220px;}
.list-pic22 figcaption{padding:15px 0 ; text-align:center;}
.list-pic22 .figcaption-title{line-height:40px;font-size: 16px; text-align:center;}

.products1{margin:40px 0 ;}
.products1-img{float:left;height:378px;width:378px;padding:40px;border:1px solid #EEE;margin-right:40px;}
.products1-img .figure-img5{height:100%;width:100%;overflow:hidden;text-align:center;}
.products1-img img{height:100%;width:auto;margin:0 auto;}

.products1-text{float:right;width:580px;margin-right:20px;}

.products1-text h1{height:40px;line-height:40px;}
.products1-text p{margin:20px 0 ;line-height:22px;max-height:44px;overflow:hidden;padding-top:30px;background:url(images/p1.png) left 10px no-repeat;}
.products1-text h5{line-height:40px;margin:10px 0 20px;padding:0 20px;display:inline-block;background:#0184BC;color:#FFF;}
.products1-text ul{}
.products1-text ul li{line-height:38px;height:38px;background:#FAFAFA;font-size: 14px;}
.products1-text ul li:nth-child(even){background:#EFEFEF;}
.products1-text ul li span{display:block;width:200px;float:left;border-right:1px solid #FFF;text-align:center;margin-right:60px;}



.products2{}
.none {display:none;}
.TabTitle{height:60px;background:#F2F2F2;}
.TabTitle li{float:left;margin-right:1px;line-height:60px;padding:0 40px;font-size: 14px;cursor: pointer;}
.TabTitle li.active{background:#0084BB;color:#FFF;}
.TabTitle li.active a{color:#FFF;}
.TabContent{padding:30px 0 ;font-size: 14px;line-height:200%;}

.TabContent h1{font-weight: normal;height:50px;line-height:30px;text-align:center;}
.TabContent hr{width:180px;margin:20px auto 50px;}


.TabContent table{empty-cells:show;border-collapse:collapse;border-spacing:0; font-family:"微软雅黑";}
.TabContent #grid td,#grid th{padding:5px;font-size:14px;height:30px;line-height:30px; border-left:1px solid #e9eaea; color:#666;}
.TabContent #grid tr td span{color:#686868;}
.TabContent #grid tr td.st1{color:#ff0000}

.case{}
.case dl{width:540px;float:left;height:150px;padding:30px 0;border-bottom:1px solid #EEE;}
.case dl:nth-child(even){float:right;}
.case dl a.case-img{float:left;height:150px;width:220px;overflow:hidden;text-align:center;margin-right:20px;}
.case dl img{height:100%;width:auto;margin:0 auto;}
.case dl dt{line-height:40px;height:40px;font-size: 18px;}
.case dl dt a{color:#0184BC;}
.case dl dd{line-height:28px;height:112px;font-size: 14px;overflow:hidden;}


.Introduction10{height:370px;padding:40px 0 ;border-top:1px dashed #EEE;}
.Introduction10 mark{height:60px;width:60px;background:#EEE;color:#FFF;font-size: 40px;float:left;text-align:center;line-height:60px;}
.Introduction10 article{width:420px;float:left;margin:80px 0 0 90px;}
.Introduction10 article h1{color:#666;line-height:40px;height:40px;font-size: 28px;font-weight: normal;}
.Introduction10 article p{color:#888;margin-top:20px;padding-top:40px;background:url(images/p1.png) left 10px no-repeat;line-height:22px;height:66px;font-size: 14px;overflow:hidden;}
.Introduction10-img{float:left;width:520px;height:305px;overflow:hidden;text-align:center;}
.Introduction10-img img{max-height:100%;width:auto;margin:0 auto;}
.Introduction12 article,.Introduction14 article{float:right;margin:80px 90px 0 0;}
.Introduction11 img{margin-top:0px;}
.Introduction12 img{margin-top:0px;}
.Introduction13 img{margin-top:0px;}
.Introduction14 img{margin-top:0px;}
.Introduction15 img{margin-top:0px;}
.Introduction16 img{margin-top:0px;}





.list-pic3{}
.list-pic3 figure{float:left;height:381px;width:352px;padding-bottom:8px;margin:0px 0 26px 26px;border:1px solid #D8D8D8;}
.list-pic3 figure:nth-child(3n+1) {margin-left:0;}
.list-pic3 figure div{display:block;width:331px;height:187px;padding:12px 11px;overflow:hidden;text-align:center;}
.list-pic3 div a{display:block;height:100%;width:100%;overflow:hidden;}
.list-pic3 div a img{width:auto;height:100%;margin:0 auto}
.list-pic3 figcaption{padding:0 15px;}
.list-pic3 .figcaption-title{line-height:40px;font-size: 16px;}
.list-pic3 p{line-height:22px;height:66px;overflow:hidden;color:#999;padding-bottom:5px;border-bottom:1px solid #EEE;}
.list-pic3 span{line-height:60px;color:#999;font-size: 14px;padding-left:5px;}
.list-pic3 figure:hover{border:1px solid #00A8E6;border-bottom:9px solid #00A8E6;padding-bottom:0;}



.text-pic2{}
.text-pic2 figure{height:149px;padding:30px 0 ;border-bottom:1px solid #EEE;}
.text-pic2 figure .figure-img6{float:left;margin-right:30px;height:149px;width:218px;overflow:hidden;text-align:center;}
.text-pic2 figure img{height:100%;width:auto;margin:0 auto;}
.text-pic2 figcaption h1{line-height:40px;font-weight: normal;margin-bottom:10px;}
.text-pic2 figcaption h1 a{color:#0282BF;}
.text-pic2 figcaption p{line-height:24px;height:96px;overflow:hidden; font-size: 14px;
}




.show2{}
.title21{border-bottom:1px solid #EEE;text-align:center;padding-bottom:25px;}
.title21 h1{color:#444;line-height:220%;}
.title21 p{color:#777;line-height:180%;}
.show2 .content{padding:20px;font-size: 14px;line-height:200%;}

.xiangguan{margin:20px 0 0 ;}
.xiangguan h2{height:45px;line-height:45px;text-align:center;background:#E0E0E0;font-weight: normal;color:#333;}
.xiangguan ul{}
.xiangguan ul li{float:left;margin:15px 0 0 15px;padding:25px 15px;width:237px;background:#F1F1F1;font-size: 14px;}
.xiangguan ul li:nth-child(4n+1){margin-left:0;}
.xiangguan ul li a{display:block;height:70px;line-height:30px;border-bottom:1px dotted #B6B6B6;text-overflow:ellipsis;overflow:hidden;}
.xiangguan ul li span{display:block;line-height:40px;}
.xiangguan ul li:hover{background:#0176BB;}
.xiangguan ul li:hover a,.xiangguan ul li:hover span{color:#FFF;}






.title22{line-height:40px;height:50px;font-size: 18px;color:#333;border-bottom:1px solid #E2E2E2;}
.list-pic4{}
.list-pic4 figure{float:left;height:342px;width:394px;margin:30px 0 ;;border:1px solid #EEE;border-bottom:9px solid #EEE;}
.list-pic4 figure:nth-child(even){float:right;}
.list-pic4 figure div{height:246px;width:374px;padding:11px 10px;overflow:hidden;}
.list-pic4 figure div a{height:100%;width:100%;text-align:center;overflow:hidden;}
.list-pic4 figure div a img{height:100%;width:auto;margin:0 auto;}
.list-pic4 figcaption{padding:15px;line-height:30px;text-align:center;font-size: 14px;}
.list-pic4 figure:hover{border-color:#0184BC;}




.list-pic5{}
.list-pic5 figure{float:left;height:220px;width:269px;margin:20px 0 0 15px;}
.list-pic5 figure:nth-child(3n+1){margin-left:0;}
.list-pic5 figure div{height:176px;width:269px;overflow:hidden;}
.list-pic5 figure div a{display:block;height:100%;width:100%;text-align:center;overflow:hidden;}
.list-pic5 figure div a img{height:92%;width:92%;margin:0 auto; border: 1px #9e9e9e dotted; padding: 6px;}
.list-pic5 figcaption{font-size: 14px;}
.list-pic5 figcaption a{line-height:40px;display:block;text-align:center;border-bottom:1px solid #EEE;}
.list-pic5 figcaption p{line-height:22px;height:44px;overflow:hidden;margin:6px 10px;color:#999;}
.list-pic5 figure:hover{border-color:#0184BC;}



.page2{font-size: 14px;line-height:200%;}
.page2-img{width:376px;float:left;}
.page2-img img{width:100%;height:auto;margin-bottom:10px;}
.page2-text{width:690px;float:right;font-size: 14px;line-height:200%;}
.title23{line-height:40px;height:40px;margin-bottom:20px;color:#0184BC;font-size: 22px;}



.list-pic6{}
.list-pic6 figure{float:left;height:330px;width:208px;margin:30px 0 0 15px;overflow:hidden;}
.list-pic6 figure:nth-child(5n+1){margin-left:0;}
.list-pic6 figure div{height:260px;width:182px;padding:8px;overflow:hidden;border:1px solid #ccc;}
.list-pic6 figure div a{height:100%;width:100%;text-align:center;overflow:hidden;}
.list-pic6 figure div a img{height:100%;width:auto;margin:0 auto;}
.list-pic6 figcaption{font-size: 14px;}
.list-pic6 figcaption a{line-height:40px;display:block;text-align:center;color:#666;}


.list-pic7{}
.list-pic7 figure{float:left;height:220px;width:270px;margin:20px 0 0 10px;overflow:hidden;}
.list-pic7 figure:nth-child(5n+1){margin-left:0;}
.list-pic7 figure div{height:160px;width:240px;padding:8px;overflow:hidden;border:1px solid #ccc;}
.list-pic7 figure div a{height:100%;width:100%;text-align:center;overflow:hidden;}
.list-pic7 figure div a img{height:100%;width:auto;margin:0 auto;}
.list-pic7 figcaption{font-size: 14px;}
.list-pic7 figcaption a{line-height:40px;display:block;text-align:center;color:#666;}









body{font-family: Microsoft Yahei;overflow-x:hidden;}
ul,ol,li{list-style: none;}
.blank5{clear:both;height:5px;}
.blank10{clear:both;height:10px;}
.blank20{clear:both;height:20px;}
.blank30{clear:both;height:30px;}
.img-auto { display:block; overflow:hidden; }
.img-auto img { width:100%; height:auto; margin:0px auto; transition: 600ms; }
.img-auto:hover img{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1); }




.box11{width:1200px;margin:0 auto;}
.box11:before {display: table;content: " ";}
.box11:before {display: table;content: " ";clear: both;}



.top{height:40px;background:#0081CC;line-height:40px;color:#FFF;}
.top a{color:#FFF;}
.top .welcome{}

.top .top-weixin{position:relative;float:right;height:40px;width:40px;}
.top-weixin span{display:block;height:40px;width:40px;background:url(images/top-weixin.png) center center no-repeat;cursor: pointer;}
.weixin2{display:none;position: absolute;left:50%;top:100%;z-index:11;margin:10px 0 0 -70px;width:140px;padding:15px 15px 0;background:#FFF;border:1px solid #ccc;}
.weixin2 img{width:100%;height:auto;}
.weixin2 p{margin:0;color:#333;text-align:center;}
.weixin2:before{content:"";position: absolute;left:50%;bottom:100%;margin: 0 0 0 -10px;display:block;height: 0;width: 0;border: 10px solid #e5c3b2;border-color: transparent  transparent #999 transparent ;}




.top-sousuo{float:right;margin:0 10px;height:40px;width:40px;background:url(images/top-sousuo.png) center center no-repeat;cursor: pointer;}
.top-sousuo:hover,.top-sousuo.on{background-color:#C5C5C5;}

.top-nav{float:right;}
.top-nav ul{padding:0;margin:0;}
.top-nav ul li{float:left;margin:0 10px;}



#outer-w{width:100%;height:100%;display:none;position: fixed;left:0;top:0;z-index:99999;}
#outer {height: 100%; ; position: relative;width: 100%;}
#outer[id] {display: table; position: static;}
#middle {position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}
#inner {position: relative; top: -50%;width: 600px;padding:30px 0;margin: 0 auto;text-align:center;} /* for explorer only */
*+html #outer[id]{position: relative;}
*+html #middle[id]{position: absolute; }
#bg-black{position: absolute;z-index:1;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,.6);}
.inner{position:relative;z-index:2;background:#FFF;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
#close{position: absolute;right:-10px;top:-10px;height:30px;width:30px;line-height:28px;cursor: pointer;background: #FFF ;border:1px solid #CCC;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background: #DDD url(images/del_on.gif) -1px -1px no-repeat;}
#close:hover{background: #DDD url(images/del_hover.gif) -1px -1px no-repeat;}

.inner1{padding:0 50px}
.inner1 .btn{width:auto;height:auto;margin:0;}

.img_bfb img{ width:100%;}
.left99{ float:left;margin:0;padding:0;}.right99{ float:right;margin:0;padding:0}.display_bk{ display:block;}.display_in_bk{ display:inline-block;}.display_no{ display:none;}.overflow{ overflow:hidden;}.text_center{ text-align:center;}.text_right{ text-align:right;}.text_left{ text-align:left;}
.web_widht{ width:1200px; margin:0 auto;}/* 网页的内容宽 */
.relative{ position:relative;}.absolute{ position:absolute;}.fixed{ position:fixed;}.pointer{cursor: pointer;}


.welcome{color:#FFF;}
.header{height: 92px;background: #fff;}
.header a{color: #666;cursor:pointer;}
.header .cursor a{cursor: pointer;}
.header .sub a{cursor: pointer;}
.header a:hover{color: #fff;}
.nav2{padding-left: 6%;}
.nav2 ul{padding:0;margin:0;}
.menu{width:800px; float:left;}
.nav2,.english{line-height: 92px;}
.nav2 li{padding: 0 1.4%; display: inline-block;}
.logo{left: 60px;top: 24px;}
.english{right: 50px;top: 0;}
.english a{color:#f00;}
.english a:hover { color:#363636;}
.sub{position:absolute;top: 92px;width: 100%;left: 0;background: #ececec;z-index: 9;color: #999;font-size: 12px;line-height: 20px;padding: 30px 0; text-align: left;display: none; }
.nav2 .on a{color:#363636;}
.rec_img{padding: 0 30px;border-right: 1px solid #a3a3a3;width: 255px;}
.nav2 .nLi .menu a{color: #666;}
.nav2 .nLi a:hover { color: #3d96c2;}
.menu li{padding: 0;display: block;float: left;}
.menu li a{margin-left:30px;margin-right: 30px;padding: 0; margin-bottom:10px; width: 200px; float: left;border-bottom: 1px solid #a3a3a3;line-height:28px;background: url(../css/ico_sj1.gif) no-repeat right center;}
.nav2 .nLi .menu a:hover{color: #3d96c2;}
.menu li ul{padding-top:50px;}
.menu li ul li{float: none; }
.menu li ul li a{background:none;padding: 0;width:auto;border-bottom: none;line-height:30px;float: none;}
.menu li ul li a:hover{text-decoration: underline;}






.banner-box{ width:100%; min-width:1200px;  background:#FFF url(images/banner-bg.jpg) center bottom no-repeat; -webkit-animation: gdownIn 1s 0.2s both; -moz-animation: gdownIn 1s 0.2s both;}

.banner{position:relative;}
#banner_main{position:relative; width:1200px; height:482px;margin:0 auto;}
#banner_main li{display:none; position:absolute; top:0; left:0; width:100%; height:100%; background-position:center 0; background-repeat:no-repeat;}
#banner_main li a{height:100%; display:block;}
#indicator{position:absolute; bottom:0; left:0; width:100%; height:40px; line-height:40px; text-align:center;}
#indicator li{display:inline-block; *display:inline; *zoom:1; margin:0 10px; width:10px; height:10px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; cursor:pointer; background:#13376d; border-radius:50%;}
#indicator li.act{background:#fff;}
#indicator li i{position:absolute; left:50%; top:50%; background:#13376d; width:10px; height:10px; display:block; margin-left:-5px; margin-top:-5px; -webkit-transform:scale(0); -moz-transform:scale(0); transform:scale(0);  -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}


/*
.banner-b{padding:80px 0 30px;}*/
.banner-b ul{padding:0;margin:0;text-align:center;}
.banner-b ul li{float:left;width:20%;}
.banner-b ul li a{display:block;text-decoration: none;}
.banner-b ul li a:hover{color:#333;}
.banner-b .banner-b-img{border-left:1px dotted #BEBBBB;}
.banner-b .banner-b-img img{max-width:80%;}
.banner-b ul li:nth-child(1) .banner-b-img{border-left:none;}
.banner-b ul li h4{margin:20px 0 5px;font-size:18px;font-weight: bold;}
.banner-b ul li p{font-size:16px;}
.banner-b ul li a:hover .banner-b-img img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }


.banner-b-titile{text-align:center;font-size:28px;color:#666;}


.title10{text-align:center;overflow:hidden;padding:0 0 20px;}
.title10 h4{position:relative;font-size:28px;color:#666;margin:10px 0;}
.title10 h4:before{content:"";position: absolute;display:block;left:50%;top:76px;margin-left:-1.5em;width:3em;height:2px;background:#0081CC;}
.title10 p{display:inline-block;padding:0 40px;position:relative;color:#c1c0c0;font-size:16px;text-transform : uppercase;}
.title10 p:before,
.title10 p:after{content:"";position: absolute;display:block;width:1200px;top:50%;height:2px;background:#E5E5E5;}
.title10 p:before{left:100%;}
.title10 p:after{right:100%;}



.section1{padding:30px 0; background-color:#FFF;}

.s1-row{margin:30px 0 0 ;}
.s1-item{float:left;width:50%;}
.s1-item a{position:relative;display:block;text-decoration: none;}
.s1-img{width:50%;float:left;height:210px;}
.s1-text{width:50%;float:left;height:210px;position:relative;z-index:3;}


.s1-row .s1-item:nth-child(4n+3) .s1-img{float:right;}
.s1-row .s1-item:nth-child(4n+3) .s1-text{float:right;}
.s1-row .s1-item:nth-child(4n+4) .s1-img{float:right;}
.s1-row .s1-item:nth-child(4n+4) .s1-text{float:right;}


.div-table{display:table;height:100%;width:100%;}
.div-cell{display:table-cell;vertical-align:middle;}
.div-center{text-align:center;}
.s1-text p{font-size:14px;color:#635f76;text-transform : uppercase;}
.s1-text h4{font-size:22px;color:#29213b;margin:5px 0 20px;}
.s1-text span{font-size:18px;display:inline-block;height:1px;width:2em;background:#999; margin-bottom:16px;}
.s1-bg{position:absolute;z-index:2;left:0;right:0;top:0;bottom:0;background:rgba(169,169,169,0)}
.s1-item a:hover .s1-bg, .s2-bg {background:rgba(169,169,169,.6)}
.s1-bg:after,.s1-bg:before{position:absolute;top:30px;right:30px;bottom:30px;left:30px;content:'';opacity:1;-webkit-transition:opacity .35s,-webkit-transform .35s;-moz-transition:opacity .35s,-moz-transform .35s;-o-transition:opacity .35s,-o-transform .35s;-ms-transition:opacity .35s,-ms-transform .35s;transition:opacity .35s,transform .35s}
.s1-bg:before{border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1)}
.s1-bg:after{border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);-ms-transform:scale(1,0);transform:scale(1,0)}
.s1-item a:hover .s1-bg:after,.s1-item a:hover .s1-bg:before{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.s2-bg:after,.s2-bg:before{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}



.s2-title{padding:35px 0 25px;}
.section2{}
.section2 ul{padding:0;margin:0;}


.s2-content{height:393px;background:#CCC;}
.s2-content ul li {height:393px;padding:0px 0 0 ;}
.s2-img{float:left;margin:46px 0 0 100px;width:552px;height:288px;overflow:hidden;}
.s2-img img{width:100%;height:300px;}
.s2-text{float:right;width:420px;padding:40px 40px 0 48px;color:#FFF;}
.s2-text h2{font-size:60px;margin:0;line-height:1;}
.s2-text h3{font-size:34px;margin:0;line-height:1;margin:10px 0;}
.s2-text h4{font-size:20px;margin:0;line-height:1;margin:10px 0 25px;position:relative;}
.s2-text h4:after{content:"";position: absolute;bottom:-15px;left:0;display:block;height:1px;width:4em;background:rgba(255,255,255,.3);}
.s2-text p{font-size:14px;line-height:26px;height:104px;overflow:hidden;}
.s2-text a{display:inline-block;float:right;line-height:40px;padding:0 20px;border:1px solid #FFF;color:#333;background:#FFF;}
.s2-text a:hover{background:none;color:#FFF;text-decoration: none;}


.s2-nav{height:113px;background:#717171;}
.s2-nav ul{height:113px;}
.s2-nav li{float:left;width:200px;color:#FFF;height:100%;cursor: pointer;text-align:center;}
.s2-nav li.on{background:#CCC;}
.s2-nav li h2{margin:20px 0 2px;font-size:40px;}
.s2-nav li p{line-height:1.4;font-size:18px;padding:0 30px}

.s2-content ul li:nth-child(1) {background:#0097F0;}
.s2-content ul li:nth-child(2) {background:#ef9e3c;}
.s2-content ul li:nth-child(3){background:#38BDF6;}
.s2-content ul li:nth-child(4) {background:#8bcc8a;}
.s2-content ul li:nth-child(5) {background:#8bc5c3;}
.s2-content ul li:nth-child(6) {background:#f35f53;}

.s2-nav ul li.on:nth-child(1) {background:#0097F0;}
.s2-nav ul li.on:nth-child(2) {background:#ef9e3c;}
.s2-nav ul li.on:nth-child(3){background:#38BDF6;}
.s2-nav ul li.on:nth-child(4) {background:#8bcc8a;}
.s2-nav ul li.on:nth-child(5) {background:#8bc5c3;}
.s2-nav ul li.on:nth-child(6) {background:#f35f53;}







.section3{padding:50px 0;background:#fff;}

.section3 ul{padding:0;margin:0;}


.application{background:#fff; margin-top:40px; overflow:hidden;}
.application_left{width:282px; float:left;}
.application_left li{height:165px; background:#f1f1f1; text-align:center; width:100%; float:left; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; cursor:pointer; 	margin-bottom:14px; position:relative;}
.application_left li a{text-decoration: none;}
.application_left li i{width:32px; height:32px; margin:35px auto 0; background:url(images/index20.png) no-repeat; display:block;}
.application_left li b{width:20px; border-top:1px solid #bababa; margin:16px auto 6px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.application_left li h3{margin:20px 0 10px;font-size:22px; color:#333; text-align:center; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.application_left li aside{ font-size:10px; color:#999; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.application_left li em{position:absolute; left:100%; top:50%; margin-top:-8px; border-left:8px solid #0071b7; border-top:8px solid transparent; border-bottom:8px solid transparent; display:none;}
.application_left li.act em{display:block;}


.application_left li:hover, .application_left li.act{background:#0071b7;}
.application_left li:hover i, .application_left li.act i{background-position:0 -32px;}
.application_left li:hover b, .application_left li.act b{border-color:#fff;}
.application_left li:hover h3, .application_left li:hover aside, .application_left li.act h3, .application_left li.act aside{color:#fff;}

.application_left li i.icon02{background-position:0 -64px;}
.application_left li:hover i.icon02, .application_left li.act i.icon02{background-position:0 -96px;}

.application_left li i.icon03{background-position:0 -128px;}
.application_left li:hover i.icon03, .application_left li.act i.icon03{background-position:0 -160px;}

.application_left li i.icon04{background-position:0 -192px;}
.application_left li:hover i.icon04, .application_left li.act i.icon04{background-position:0 -224px;}

.application_left li i.icon05{background-position:0 -256px;}
.application_left li:hover i.icon05, .application_left li.act i.icon05{background-position:0 -288px;}

.application_left li i.icon06{background-position:0 -320px;}
.application_left li:hover i.icon06, .application_left li.act i.icon06{background-position:0 -352px;}


.application_left.application_right{float:right;}
.application_left.application_right li em{position:absolute; left:auto; right:100%; top:50%; margin-top:-8px; border-right:8px solid #0071b7; border-left:0; border-top:8px solid transparent; border-bottom:8px solid transparent;}

.application_box_con{width:608px; height:523px; float:left; margin-left:14px;}
.application_con{width:608px;}
.application_con a{display:block; height:100%;}
.application_con picture{width:608px; height:380px; overflow:hidden;display:block;}
.application_con picture img{width:100%; display:block;height:auto;}
.application_con article{padding:0 35px 10px; background:#0071b7; overflow:hidden;}
.application_con article h2{ color:#fff; font-size:20px; margin:20px 0;}
.application_con article summary{ color:#c6cada; height:63px; overflow:hidden;}





.section4{padding:50px 0 35px;background:url(images/banner-bg.jpg) center bottom no-repeat;background-size:cover;}
.s4-row{}
.s4-l{position:relative;float:left;width:393px;height:268px;overflow:hidden}
.s4-l img{width:100%;height:auto;transition:.5s}
.s4-l:hover img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);transform:scale(1.08)}
.s4-l i{display:inline-block;background-image:url(images/s4-ico.png);vertical-align:middle;width:75px;height:75px;background-position:center center;position:absolute;top:50%;left:50%;margin:-37px 0 0 -37px}
.s4-l i:before{content:'';position:absolute;top:50%;left:50%;width:90px;height:90px;margin:-46px 0 0 -46px;border-radius:50%;border:1px dashed #fff;-webkit-animation:rotate 5s linear infinite;-moz-animation:rotate 5s linear infinite;animation:rotate 5s linear infinite;-webkit-animation-play-state:paused;-moz-animation-play-state:paused;animation-play-state:paused}

.s4-c{width:425px;float:left;margin-left:40px;}
.s4-c h3{margin-top:8px;font-size:24px;color:#0081cc;}
.s4-c h3 a{color:#0081cc;}
.s4-c h4{position:relative;font-size:18px;color:#666666;margin:10px 0 25px;}
.s4-c h4:before{position: absolute;content:"";height:2px;width:5em;background:#008ACC;left:0;bottom:-15px;}
.s4-c p{font-size:14px;color:#636363;line-height:24px;height:120px;overflow:hidden;}
.s4-c a.more{margin-top:16px;line-height:33px;padding:0 26px;background:#0081cc;color:#FFF;display:inline-block;}

.s4-r{width:260px;float:right;}
.s4-r-item{height:72px;background:#CCCCCC;margin:25px 0 0 ;}
.s4-r-item:hover,.s4-r-item.on{background:#0081CC;}
.s4-r .s4-r-item1{margin-top:0;}
.s4-r-item a{display:block;height:100%;width:100%;color:#FFF;text-decoration: none;}
.s4-r-item a:before{content:"";display:block;height:72px;width:80px;float:left;}
.s4-r-item1 a:before{background:url(images/s4-ico1.png) center center no-repeat;}
.s4-r-item2 a:before{background:url(images/s4-ico2.png) center center no-repeat;}
.s4-r-item3 a:before{background:url(images/s4-ico3.png) center center no-repeat;}
.s4-r-item a h4{font-size:20px;margin:0;line-height:1.2;padding:18px 0 0;}
.s4-r-item a p{font-size:12px;margin:0;line-height:1.2;text-transform : uppercase;}



.section5{padding:30px 0 ;}
.font10{ font-size:10px;}.font11{ font-size:11px;}.font12{ font-size:12px;}.font13{ font-size:13px;}.font14{ font-size:14px;}.font15{ font-size:15px;}.font16{ font-size:16px;}.font18{ font-size:18px;}.font20{ font-size:20px;}.font21{ font-size:21px;}.font22{ font-size:22px;}.font24{ font-size:24px;}.font26{ font-size:26px; line-height:26px;}.font28{ font-size:28px; line-height:26px;}.font30{ font-size:30px; line-height:30px;}.font32{ font-size:32px; line-height:32px;}.font34{ font-size:34px; line-height:34px;}.font36{ font-size:36px; line-height:36px;}
.i_news{padding: 0;}
.i_news ul{padding:0;margin:0;}
.i_n_title{width: 33%;height: 523px;line-height: 70px;text-align: center; background: url(../images/indexi/i_n_title.jpg) no-repeat center center; background-size: 100% 100%;}
.i_n_title ul{margin-top:30%;}
.i_n_title li{cursor: pointer;color:#696969;}
.i_n_title li.on{cursor: pointer;color:#0371ce;}

.i_n_title .on span{border-bottom: 1px solid #ffd800;}
.hd_con{width: 67%;height: 523px;}
.i_news .tempWrap .hd_con{width: 100%;}
.Irec_news,.I_news_list{width:50%;height: 523px;}
.Irec_news{background: #eaeaea;position: relative;}
.Irec_news p.Irec_news_p{height:285px;overflow:hidden;margin:0;}

.Irec_news a{position: absolute;width: 100%;height: 100%;}
.Irec_news:hover .I_n_info{color: #999999;}

.I_n_info{padding:5%;color: #4f4f4f;box-sizing: content-box;}
.I_n_info h1{font-size: 20px;margin:0px 0 0 ;margin-bottom: 3px;line-height: 35px;height:50px;overflow:hidden;}
.I_n_info p{margin-top:20px;}
.I_n_info a{color: #4f4f4f;}
.I_n_info a:hover{color: #999999;}
.I_news_list{background:#fff url(images/I_news_list.jpg) no-repeat center top; background-size: 100% 100%;}

.I_news_list .more{width: 90%;margin: 0 auto;}
.I_news_list .more a{color:#2f96d2}
.I_news_list ul{ padding:28px;}
.I_news_list li{margin-top: 16px; background: url(images/dian.png) no-repeat left 10px;padding-left:15px; border-bottom:1px #999999 dotted; padding-bottom:15px;}
.I_news_list li span{display: block;margin-top: 10px;}
.I_news_list .more a{padding-left:16px;margin-top: 0px;display: block;}
.I_news_list .more a:hover{text-decoration: underline;}

.I_partner{background: #0f151d;padding: 60px 0;}
.I_partner h1{margin-bottom:50px;}
.I_partner li{float: left;width: 25%;text-align: center;}









footer{border-top:1px solid #f3f3f3; background:#393939; min-width:1200px;}
footer section{overflow:hidden; width:1200px; margin:24px auto;}
footer section dl{width:190px; text-align:center; float:left; border-right:1px solid #575757; height:185px; overflow:hidden;margin:0;}
footer section dl dt{color:#c9c9c9; font-size:18px; margin-bottom:8px;font-weight: normal;}
footer section dl dt a,footer section dl dt a:hover{color:#c9c9c9; }
footer section dl dd{line-height:24px;}
footer section dl dd a{color:#c9c9c9; font-size:12px;}
footer section dl dd a:hover{color:#34458b;}
footer section article{float:right; width: 300px;}
footer section article .ewm{float:left; margin-right:30px;}
footer section article picture{height:83px;}
footer section article picture img{display:block; height:83px; margin:auto;}
footer section article aside{text-align:center; color:#999; font-size:12px; margin:6px 0;}

footer section article .bdsharebuttonbox{float:left; margin-top:40px; text-align:center;}
footer section article .bdsharebuttonbox a{float:none; -webkit-transition:0s; -moz-transition:0s; transition:0s;}

.footer_botton{border-top:1px solid #575757; overflow:hidden; font-size:12px; color:#999;}
.footer_botton a{ color:#999;}
.footer_botton p{float:left;}
.footer_botton aside{float:right;}
.footer_botton aside a{color:#999; }
.footer_botton aside a:hover{color:#34458b;}


 .box1 span{color:#656565}
 .box1 { width:1200px; margin:0 auto; line-height:24px; padding-bottom:20px;}
 .box1 a{color:#656565;margin-right:20px; line-height:24px;}
 .box1 a:hover{color:#ffa200;margin-right:20px; line-height:24px; }

@-webkit-keyframes gupIn{
	from{opacity:0; -webkit-transform:translate3d(0,-30px,0);}
}
@-moz-keyframes gupIn{
	from{opacity:0; -moz-transform:translate3d(0,-30px,0);}
}
@keyframes gupIn{
	from{opacity:0; transform:translate3d(0,-30px,0);}
}

@-webkit-keyframes gdownIn{
	from{opacity:0; -webkit-transform:translate3d(0,30px,0);}
}
@-moz-keyframes gdownIn{
	from{opacity:0; -moz-transform:translate3d(0,30px,0);}
}
@keyframes gdownIn{
	from{opacity:0; transform:translate3d(0,30px,0);}
}


@-webkit-keyframes NavIn{
	from{opacity:0; -webkit-transform:translate3d(0,-30px,0);;}
}
@-moz-keyframes NavIn{
	from{opacity:0; -moz-transform:translate3d(0,-30px,0);;}
}
@keyframes NavIn{
	from{opacity:0; transform:translate3d(0,-30px,0);;}
}

@-webkit-keyframes fadeIn{
	from(opacity:0;)
}
@-moz-keyframes fadeIn{
	from(opacity:0;)
}
@keyframes fadeIn{
	from(opacity:0;)
}





.banner2{}
.banner2 img{width:100%;height:auto;}


.mianbao2{height:100px;line-height:100px;font-size:14px;color:#666; background:url(images/beijing.jpg) repeat-x;}
.mianbao2 span{display:inline-block;float:left;width:20px;height:100px;background:url(images/mianbao.png) left center no-repeat;}
.mianbao2 a{margin:0 15px;color:#666;}


.box21{}
.box21-left{width:269px;float:left;}

.subnav{}

.subnav1{}
.subnav1 h3{margin:0 0 1px;padding:0;height:63px;line-height:63px;padding-left:45px;color:#FFF;font-size:16px;background:#737373 url(images/left-ico1.png) 19px center no-repeat;}
.subnav1.on h3{background:#0082CE url(images/left-ico2.png) 19px center no-repeat;}
.subnav1 h3 a{color:#FFF;}


.subnav2{display:none;}
.subnav1.on .subnav2{display:block;}
.subnav2 h4{margin:0 0 1px;padding:0;height:57px;line-height:57px;background:#E7E6E6;font-size:14px;}
.subnav2 h4:before{content:"";display:inline-block;width:1px;height:1em;margin:0 28px;background:#666;}
.subnav2 h4:hover{background:#CCC;}
.subnav1 h4 a{color:#333;}



.subnav3{}
.subnav3 ul{padding: 0 0;margin: 0 -7px;}
.subnav3 ul li{float:left;width:50%;padding:0 7px;margin:0 0 14px;font-size:14px;}
.subnav3 ul li:nth-child(1),
.subnav3 ul li:nth-child(2){margin-top:14px;}

.subnav3 ul li a{display:block;height:37px;line-height:37px;text-align:center;border:1px solid #CECECE;color:#333;overflow:hidden;}
.subnav3 ul li.on a,
.subnav3 ul li:hover a{border:1px solid #737373;background:#737373;font-size:14px;color:#FFF;}


.left2{/*background:#0082ce;*/}
#tagscloud{width:250px;height:260px;position:relative;font-size:12px;color:#e5e5e5;margin:10px auto 0;text-align:center; font-family:"微软雅黑", Arial, sans-serif;}
#tagscloud a{position:absolute;top:0px;left:0px;color:#e5e5e5;font-family:Arial;text-decoration:none;margin:0 10px 15px 0;line-height:18px;text-align:center;font-size:12px;padding:1px 5px;display:inline-block;border-radius:3px;}
#tagscloud a.tagc1{background:#e5e5e5;color:#fff;}
#tagscloud a.tagc2{background:#F16E50;color:#fff;}
#tagscloud a.tagc5{background:#006633;color:#fff;}
#tagscloud a:hover{color:#fff;background:#0099ff;}




.box21-right{float:right;width:900px;}


.title30{height:59px;line-height:59px;background:#EFEFEF;}
.title30:before{content:"";display:block;float:left;width:2px;height:25px;;margin:18px 15px 0 28px;background:#666;}
.title30 h4{display:inline-block;font-size:16px; margin-top: 20px;}
.title30 a.more{font-size:14px;float:right;margin-right:28px;}

.box21-right-banner{}
.box21-right-banner img{width:100%;height:auto;}



.section11{margin:10px -9px;}
.s11-col{float:left;padding:0 9px;width:33.333333%;}


.s11-item{margin:10px 0;}
.s11-item a{display:block;text-decoration: none;}
.s11-img {border:1px solid #EEE;padding:5px;}
.s11-img2{overflow:hidden;}
.s11-img img{width:100%;height:200;transition: 600ms; }
.s11-item:hover .s11-img img{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1); }
.s11-text{text-align:center;padding:10px 0 5px;}
.s11-text h4{font-size:16px; text-align:left;padding-left:10px;}
.s11-text h7{font-size:12px; float:left; color: #666; padding-left:10px;}








.box3{}
.box3-left{width:425px;float:left;}

.left11{border:1px solid #EEE;padding:10px;}
.left11-img{overflow:hidden;}
.left11-img img{width:100%;height:auto;transition: 600ms; }
.left11:hover .left11-img img{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1); }
.left12{padding:30px 0;}
.left12 ul{padding:0;margin:0;}
.left12 li{float:left;height:40px;width:49%;margin:0 0 20px 1%;background:#F2F1F7;text-align:center;line-height:40px;}
.left12 li:hover,.left12 li.on{background:#457CD6;color:#FFF;}
.left12 li a{color:#333;text-decoration: none;display:block;line-height:40px;width:100%;transition: 0ms;}
.left12 li:hover a,.left12 li.on a{color:#FFF;}


.box3-right{width:640px;float:right;}
.box3-right h2{font-size:32px;border-bottom:1px solid #CCC;padding-bottom:10px;}
.box3-right h4{margin:20px 0 25px;font-size:20px;color:#666;}
.box3-right-content{line-height:1.8;color:#666;font-size:14px;padding:0 20px 0 0;}
.box3-right-more{margin:20px 0;padding:0 20px 0 0;text-align:right;}
.box3-right-more a{display:inline-block;height:43px;line-height:43px;padding:0 45px;font-size:14px;color:#FFF;background:#447BD5;}
.box3-right-more a:hover{color:#FFF;}



.section21{}

.s21-titile{height:60px;background:#F7F6FB;}
.s21-titile ul{padding:0;margin:0;}
.s21-titile ul li{float:left;margin:0 50px 0 20px;height:60px;line-height:60px;font-size:16px;cursor: pointer;}
.s21-titile ul li.active{color:#457CD6;border-bottom:2px solid #457CD6;}



.s21-content{margin:40px 0 ;}

.s21-content .box11{padding: 0 30px;}
.s21-content .box11 img{max-width:100%;height:auto;}


.table{border: 1px solid #ddd;}
.table>tbody>tr>th{background:#F3F3F3;font-size:16px;color:#333;padding:9px;}
.table>tbody>tr>td{padding:9px 20px;border:1px solid #ddd;}




.border-box *{    box-sizing: border-box;}


.title10 ul li{ float:left; width:270px;height:300px; overflow:hidden; margin:0px 17px;}
.title10 ul li .kh{height:300px; background:#ffffff}
.title10 ul li .kh img{ display:block;}
.title10 ul li .kh h5{ font-size:16px;color:#333333; text-align:center; line-height:50px; margin-top:5px;}
.title10 ul li .kh p{ line-height:24px; padding:0px 10px; height:96px; overflow:hidden}
.title10 ul li .kh .moreimg{ display:block; margin:15px auto}



.title11{text-align:center;overflow:hidden;padding:0 0 20px;}
.title11 h4{position:relative;font-size:28px;color:#666;margin:10px 0;}
.title11 h4:before{content:"";position: absolute;display:block;left:50%;top:76px;margin-left:-1.5em;width:3em;height:2px;background:#0081CC;}
.title11 p{display:inline-block;padding:0 40px;position:relative;color:#c1c0c0;font-size:16px;text-transform : uppercase;}
.title11 p:before,
.title11 p:after{content:"";position: absolute;display:block;width:1200px;top:50%;height:2px;background:#E5E5E5;}
.title11 p:before{left:100%;}
.title11 p:after{right:100%;}

.title11 ul li{ float:left; width:370px;height:300px; overflow:hidden; margin:0px 17px;}
.title11 ul li .kh{height:300px; background:#ffffff}
.title11 ul li .kh img{ display:block;}
.title11 ul li .kh h5{ font-size:16px;color:#333333; text-align:center; line-height:50px; margin-top:5px;}
.title11 ul li .kh p{ line-height:24px; padding:0px 10px; height:96px; overflow:hidden}
.title11 ul li .kh .moreimg{ display:block; margin:15px auto}