body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote { margin:0; padding:0;color:#333;font-family:"微软雅黑";}
img { border:0; }
.clear { clear:both; }
em,i{ font-style:normal}
a { text-decoration:none;font-size:12px;color:#333;font-family:"微软雅黑";}
a:hover { text-decoration:none; color:#e51e01;font-family:"微软雅黑";}
.fl{ float:left;}
.fr{ float:right;}
.w1200{ width:1200px; margin:0 auto}

.topwz{ height:34px; line-height:34px; color:#fff; background:#2058a3}
.topwz a{ color:#fff;}

.logo strong{ float:left; display:block; margin:43px 0 0 0;}
.logo b{ color:#2058a3; font-size:20px; display:block; margin-bottom:5px}
.logo em{ color:#ffb400; font-size:24px; font-style:italic}
.logo img{ float:left; margin:23px 20px}
.header span{ float:right; display:block; padding-top:40px}
.header{ background:#fff; height:140px;}

.c_top{ width:1000px; margin:0 auto;}
.c_top .logo{ float:left; padding:30px 0;}


.main_image {width:100%; height:680px;overflow:hidden; margin:0 auto; position:relative}
.main_image ul {width:9999px; height:680px; overflow:hidden; position:absolute; top:0; left:0}
.main_image li {float:left; width:100%; height:680px;}
.main_image li span {display:block; width:100%; height:680px}
.main_image li a {display:block; width:100%; height:680px}
.main_image li .img_1 {background: url('../images/1_10.jpg') center top no-repeat}
.main_image li .img_2 {background: url('../images/2_10.jpg') center top no-repeat}
.main_image li .img_3 {background: url('../images/3_10.jpg') center top no-repeat}
.main_image li .img_4 {background: url('../images/4_10.jpg') center top no-repeat}
.main_image li .img_5 {background: url('../images/1_10.jpg') center top no-repeat}
div.flicking_con {width:990px; margin:0 auto; position:relative; z-index:999;}
div.flicking_con .flicking_inner {position:absolute; top:630px; left:420px; width:300px; height:21px} /* 121126 */
div.flicking_con a {float:left; width:21px; height:21px; margin:0; padding:0; background:url('../images/btn_main_img.png') 0 0 no-repeat; display:block; text-indent:-1000px}
div.flicking_con a.on {background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:100px;}


.main_visual2{ background: url(../images/n.jpg) center no-repeat; height:350px; position:relative}



.gnav {position: absolute;z-index:999;height:74px;z-index:1;background:url(../images/nn.png) center repeat; width:100%}
ul.gdao { width:1140px; margin:0 auto }
ul.gdao li{width:162px;float:left;list-style:none; text-align:center;height:74px;position:relative; vertical-align:text-top; }
ul.gdao li a {display:block;height:74px;text-align:center;position:relative; vertical-align:top; border-right:1px solid  #A3CDF4;}
ul.gdao li:hover {width:162px;height:74px;  color:#fff; background:#ffb400;}
ul.gdao li a b {color:#fff;font-size:16px;line-height:74px;*line-height:74px;text-align:center;width:162px;}
ul.gdao li:hover b{ color:#fff}
ul.gdao li a span {color:#ffffff;font-family:'Arial';line-height:10px;font-size:10px;-webkit-transform:scale(0.8);-o-transform:scale(1);display:inline-block; vertical-align:text-top;}
ul.gdao li ul {width:342px;top:74px;line-height:30px;position:absolute;left:0px;transition:all 0s ease;}
ul.gdao li ul li { clear:both;height:40px;border-bottom:1px dotted #fcf5c1;background:none;background-color:#2058a3;line-height:40px;position:relative;}
ul.gdao li ul li a {color:#ffffff;line-height:40px;height:40px;display:block;padding:0px;position:relative;}
ul.gdao li ul li:hover { background:none;background:#ffb400;height:40px;line-height:40px;padding:0px;}
ul.gdao li ul li:hover a {color:#333333;}


.sycp1 ul li{ float:left; width:256px; height:243px; margin:0 10px 20px 0;}
.sycp1 ul li a{ display:block; width:256px; height:243px; position:relative}
.sycp1 ul li a img{width:256px; height:243px; }
.sycp1 ul li a span{ position:absolute; bottom:0; height:40px; line-height:40px; text-align:center; background:#000; z-index:999; width:256px; display:block; opacity: 0.4; left:0}
.sycp1 ul li a b{ position:absolute; color:#fff; text-align:center; bottom:10px; text-align:center; width:256px;  z-index:9999; left:0; font-size:16px}
.sycp1 ul li a:hover b{ color:#FF0}
.sycp1 ul li a:hover span{ background:#0067d5}




.topwz1{ height:121px; color:#fff; background:#2058a3; font-size:24px; text-align:center; font-weight:bold; padding-top:30px;}
.topwz1 a{ display:inline-block; border:1px solid #fff; padding:10px 50px; font-size:20px; margin-top:30px; color:#fff}
.topwz1 a:hover{ background:#2058a3}

.topwz2{ color:#2058a3; background:#ffb400; font-size:30px; text-align:center; font-weight:bold; padding-top:30px;}
.topwz2 a{ display:inline-block; border:1px solid #fff; padding:10px 14px; margin-right:10px; font-size:20px; margin-top:10px; color:#fff}
.topwz2 a:hover{ background:#2058a3}
.topwz2 strong{ color:#2058a3; display:block; padding-bottom:30px; font-family:"Comic Sans MS", cursive}



.sycp{ background:#f3f3f3; padding-top:63px; padding-bottom:63px; }
.l_cp{ width:323px; border-top:5px solid #2058a3;background:#fff;}
.l_cp h1{ border-bottom:1px solid #ccc; height:70px; line-height:70px; background:url(../images/t1.jpg) 20px 25px no-repeat; padding-left:60px; font-size:24px}
.r_cp{ width:844px; float:right}
.l_cp ul{ margin-top:20px;background:url(../images/1_25.jpg) bottom left no-repeat #fff;}
.l_cp ul li{width:100%;height:50px; line-height:50px; font-size:16px}
.l_cp ul li a{ font-size:16px; color:#5f5f5f; display:block; width:323px; padding-left:63px; background:url(../images/1_21.png) 35px 16px no-repeat}
.l_cp ul li a:hover{ background:url(../images/1_16.png)  35px 16px no-repeat; color:#ffb400}
.r_cp h1{ font-size:20px; background:url(../images/1_16.png) left no-repeat; padding-left:30px;}
.r_cp h1 a{ float:right;}
.r_cp h2{ font-size:20px; background:url(../images/1_16.png) 0px 0px no-repeat; padding-left:30px; border-bottom:1px dotted #ccc; padding-bottom:15px;}
.r_cp h2 span{ float:right; font-size:12px;color:#666}
.r_cp h2 span a{ font-size:12px; color:#666}
.l_cp h2{ background:#21283a; padding:20px 0 20px 10px; border-bottom:1px solid #000; color:#fff}
.l_cp p{background:#ffb400; padding:10px 0 0 10px; line-height:200%; font-size:16px}

.sygsjj{ background:url(../images/b2.jpg) repeat-x; height:940px}
.sygsjj h1{ text-align:center; padding:43px 0 23px 0}
.bttit{ text-align:center; background:url(../images/b1.png) bottom center no-repeat}
.bttit b{ color:#fff; font-size:42px; text-transform:uppercase; display:block}
.bttit span{ color:#ffb400; font-size:24px;}
.sygsjj p{ color:#fff; font-size:16px; margin:40px 0; line-height:200%; text-align:center}
.more{ text-align:center; color:#2058a3; background:#ffb400; padding:10px 50px; margin-left:44%}

/* focus_Box */
#focus_Box{position:relative;width:1200px;height:440px;margin:70px auto 0 auto;}
#focus_Box ul{position:relative;width:1200px;height:440px;}
#focus_Box li{ z-index:0;position:absolute; width:0px;height:0px;top:146px;cursor:pointer;left:377px; border:10px solid #ffb400;}
#focus_Box li img{width:100%;height:100%;vertical-align:top; }
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:131px;}
#focus_Box .prev{background:url(../images/btn.png) left bottom no-repeat; left:-70px; top:205px;}
#focus_Box .next{background:url(../images/btn.png) right bottom no-repeat;right:-60px; top:205px;} 
#focus_Box .prev:hover{background-position:left top;}
#focus_Box .next:hover{background-position:right top;}




.gg1{ background: url(../images/1_31.jpg) center; height:180px;}

.gg1 span{ font-size:26px; color:#fff; float:left; line-height:180%; padding-top:40px; font-weight:bold}
.gg1 span em{ display:block; font-size:34px;}
.gg1 i{ display:block; float:right; margin:70px 0 0 0 }


.jjpic{ width:600px; height:400px; position:absolute; z-index:1; background:#000}
.jjwz{ width:646px; height:353px; background:#f8f8f8; border:1px solid #ccc; z-index:2; position:absolute; right:0; top:135px}
.jjwz h3{ width:466px; position:relative; position:absolute; top:10px; left:152px}
.jjwz h3 p{ font-size:14px; color:#9f9f9f; line-height:200%; height:142px; overflow:hidden; font-weight:normal}
.jjwz h3 img{ position:absolute; left:-120px; top:38px}
.jjwz h3 span{ display:block; height:60px; line-height:60px; font-size:20px; color:#484848; background:url(../images/1_20.html) left bottom no-repeat ; margin:20px 0}
.jjwz h3 span i{ color:#d70000}
.jjwz h3 em a{ background:#e50015; color:#fff; display:block; width:100px; height:35px; line-height:35px; text-align:center ; margin-top:20px}
.jjwz h3 em a:hover{ background:#0055a1;}


.sycplb{ background:url(../images/b3.html) top center no-repeat; height:916px; margin:50px 0}
.sycplb h2{ text-align:center; padding:58px 0}
.sycplb1 ul li{ float:left; display:inline; width:25%; height:292px;}
#m1 img{ width:100%; height:292px;}
#m2{ background: url(../images/b4.html); padding-left:2%; width:23%}
#m2 h4{ height:45px; line-height:45px; background:url(../images/1_38.jpg) right no-repeat; border-bottom:1px solid #008fd7; margin:10px 20px 20px 0px; font-size:18px; color:#008fd7}
#m2 a{ display:block; height:35px; line-height:35px; font-size:14px; color:#595959}
#m2 a:hover{ color:#008fd7}



.bttit1{ text-align:center; background:url(../images/b2.png) bottom center no-repeat; height:90px;}
.bttit1 b{ color:#cfcfcf; font-size:42px; text-transform:uppercase; display:block}
.bttit1 span{ color:#333333; font-size:24px;}






.more1{ text-align:center; margin: 30 auto}
.more1 a{ display: inline-block; height:50px; line-height:50px; color:#fff; background:#008fd7; text-align:center; width:120px;}
.more1 a:hover{ background:#F00}

/* 产品滚动--带两边按钮 */
.gundong1{ margin:30px auto 0 auto; width:1260px;}
.fl1{float:left;padding:205px 5px 0 0; display:block;}
.fr1{float:right; padding:205px 0 5px 0;display:block;}
.gcp1{width:1200px;float:left; overflow:hidden}
.gcp1 ul li{float:left;width:291px;margin:0 4px; height:464px;}
.gcp1 ul li a{ float:left;border:1px solid #ccc; width:291px; height:359px; position:relative; margin-right:20px; margin-top:30px}
.gcp1 ul li a span{ padding:20px 10px 0 10px; color:#666; display:block; line-height:180%}
.gcp1 ul li a span b{ color:#565656; display:block; font-size:16px}
.gcp1 ul li a img{ width:291px; height:210px; position:absolute; bottom:0; z-index:9999999999999}
.gcp1 ul li a i{ display:block; background:#de1719; color:#FFF; text-align:center; height:49px; width:54px; position:absolute; top:330px; padding-top:10px; right:0; z-index:9999999999}
.gcp1 ul li a:hover i{ background:#00428e}
.gcp1 ul li a:hover{ background:#00428e; color:#fff}
.gcp1 ul li a:hover span{ color:#fff}
.gcp1 ul li a:hover span b{ color:#fff}

.gcp1 ul li:nth-child(2n+1) a img{ width:291px; height:210px; position:absolute; top:0; left:0}
.gcp1 ul li:nth-child(2n+1) a i{ display:block; background:#de1719; color:#FFF; text-align:center; height:49px; width:54px; position:absolute; top:-20px; padding-top:10px; right:0}
.gcp1 ul li:nth-child(2n+1) a span{ padding:20px 10px 0 10px; color:#666; display:block; line-height:180%; margin-top:210px}
.gcp1 ul li:nth-child(2n+1) a:hover i{ background:#00428e}
.gcp1 ul li:nth-child(2n+1) a:hover{ background:#00428e; color:#fff}
.gcp1 ul li:nth-child(2n+1) a:hover span{ color:#fff}
.gcp1 ul li:nth-child(2n+1) a:hover span b{ color:#fff}


.sy_newse{ padding:30px auto; background:#f8f8f8}
.sy_news dl{ float:left; width:585px; height:200px; border:1px solid #ccc; margin:10px 5px;cursor:pointer;transition:all .3s}
.sy_news dl dt{ float:left; width:221px; height:200px; float:left; border-right:1px solid #ccc;}
.sy_news dl dt img{ width:221px; height:200px;}
.sy_news dl dd{ float:left; width:315px; margin:30px 0 20px 30px; line-height:200%}
.sy_news dl dd em{background:#f0f1f3; padding:5px;}
.sy_news dl dd h3{ font-size:16px; color:#666; margin:10px 0 0px 0}
.sy_news dl dd h3 a{ font-size:16px}
.sy_news dl dd p {line-height:150%; height:60px; overflow:hidden}
.sy_news dl dd p a{ height:60px; color:#b2b2b2; }
.sy_news dl:hover{ -webkit-box-shadow:0 2px 20px rgba(33,40,56,.55);-moz-box-shadow:0 2px 20px rgba(33,40,56,.55);box-shadow:0 2px 20px rgba(33,40,56,.55);/*transform: rotate(2deg);*/}



.hypic{ width:100%}
.hypic a{ width:33.3%; float:left; display:block; overflow:hidden; }
.hypic a img{height:auto;pointer;transition:all .3s}
#tt1 img{ width:50%}
#tt2 img{width:100%}
#tt3 img{ width:50%}
.hypic a:hover img{transform: scaleX(1.2);}


.syppt{ border:1px solid #e8e8e8; text-align:center; border-top:3px solid #e8e8e8; margin:50px auto}
.syppt img{ border-bottom:1px solid #e8e8e8}
.syppt a{ float:left; display:block; padding:20px; margin:30px 0px 30px 160px;}
.syppt a h2{ font-size:26px; color:#4d4d4d; margin-bottom:10px;}
.syppt a img{ padding-bottom:20px;}


.syys{ background:url(../images/b5.html)  top center no-repeat; height:966px;}
.syys h1{ text-align:center; margin:60px 0}
.syys ul li{ float:left; display:block;height:282px; -webkit-transition: 0.4s;-webkit-transition: -webkit-transform 0.4s ease-out;transition: transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;}
.syys ul li:hover{transform: scaleX(1.1) scaleY(1.1);}
#syys1{ background:#0a98e0; width:354px;}
#syys2{ background:#29ae6a; width:490px;}
#syys3{ background:#222222; width:354px;}
#syys4{ background:#fff; width:354px;}
#syys5{ background:#0a98e0; width:490px;}
#syys6{ background:#555555; width:354px;}
#syys1 span{ background:url(../images/1_54.html) 150px 30px no-repeat ; display:block;color:#fff; font-size:20px;  padding-top:100px; text-align:center}
#syys1 p{ padding:30px; color:#b8e7ff; font-size:14px; line-height:180%}
#syys2 span{ background:url(../images/1_57.html) 220px 30px no-repeat ; display:block;color:#fff; font-size:20px;  padding-top:100px; text-align:center}
#syys2 p{ padding:30px; color:#b8ffdb; font-size:14px; line-height:180%}
#syys3 span{ background:url(../images/1_60.jpg) 150px 30px no-repeat ; display:block;color:#fff; font-size:20px;  padding-top:100px; text-align:center}
#syys3 p{ padding:30px; color:#a0a0a0; font-size:14px; line-height:180%}
#syys4 img{ display:block; padding:50px 0 0 30px;}
#syys4 p{ padding:30px; color:#000000; font-size:14px; line-height:180%}
#syys6 img{ display:block; padding:50px 0 0 30px;}
#syys6 p{ padding:30px; color:#fff; font-size:14px; line-height:180%}



.syal h1{ text-align:center; margin:60px 0 30px 0}
#demo {overflow:hidden;width:1200px;margin:20px auto;}
#indemo {float: left;width: 1200%;}
#demo1 {float: left;}
#demo1 a{ overflow:hidden;width:372px;text-align:center;float:left; display:block; margin-right:20px;color:#fff;transition:all .2s ease; border:1px solid #ccc;} 
#demo1 a span:hover{ background:#ff5700;}
#demo1 a img{ width:372px; height:303px}
#demo1 a span{ height:45px; line-height:45px; background:#4d69aa; display:block}
#demo2 {float: left; overflow:hidden; height:0}
.cppic{ width:1200px; margin:0 auto; text-align:center}
.cppic li{ float: left; width:256px; margin:20px 20px 20px 20px; display:block}
.cppic li span{ font-size:18px; display:block; margin:20px 0}
.cppic li a img {opacity:0.8;;filter(alpha=80)}
.cppic li a:hover img {opacity:1;filter(alpha=100)}


.sysz{ background:url(../images/b7.html) top center no-repeat; height:530px;}
.sysz ul li{ float:left; background: url(../images/b6.html)  repeat-x; margin-right:20px; padding:45px 30px; margin-top:80px}
.sysz ul li h2{ font-size:60px; color:#fff; text-align:center}
.sysz ul li p{ height:60px; line-height:60px; color:#fff; margin-top:30px; font-size:16px}


.sylx{ margin:50px auto}
.lxl{ width:578px;}
.newr{ width:559px;}
.lxl a,.newr a{ float:right ; margin-top:20px}
.newr dl { border-bottom:2px solid #1f89cc;border-top:2px solid #1f89cc; padding:20px 0; margin:30px 0}
.newr dl dt{ background:url(../images/m.html) top no-repeat; width:89px; height:97px; color:#fff; display:block; text-align:center; padding-top:10px; float:left}
.newr dl dt a{width:89px; height:97px; color:#fff; font-size:44px}
.newr dl dt a span{ display:block; font-size:14px; margin-top:10px}
.newr dl dd{ width:450px;font-size:16px;display:block;float: right}
.newr dl dd a{font-size:16px}
.newr dl dd a em{ color:#8c8c8c; display:block; margin-top:5px; font-size:14px}


.dbnav{ background:#ffb400; color:#fff; height:55px; line-height:55px; text-align:center}
.dbnav a{color:#fff; font-size:16px;}
.footer{ background: url(../images/b2.jpg)}
.dbbq{ padding:10px 0;color:#d89b16;background:#000}
.dbbq a{ color:#d89b16}
.db1,.db2,.db3{ float:left; display:block; margin:60px auto}
.db1 h1,.db2 h1,.db3 h1{ color:#fff; margin-bottom:30px}
.db1{ width:348px; margin-right:20px;}
.db2{ width:531px;}
.db3{ float:right}
.dbtel{ background:url(../images/1_63.jpg) left no-repeat; color:#fff; padding-left:40px; line-height:280%; font-size:16px}
.db2 a{ display:block; float:left; width:190px; color:#fff; font-size:14px; line-height:200%}


.dh_list{ width:1200px; margin:20px auto 0 auto}
.dh_list ul{ margin-bottom:20px;}
.dh_list ul li{ float:left;border-left:1px solid #ccc; width:120px;text-align:center;  height:40px; line-height:40px;}
.dh_list ul li a{width:120px;text-align:center;  height:40px; line-height:40px; background:#ab0000; color:#fff; display:block; font-size:16px}
.dh_list ul li a:hover{ background:#1184da; color:#fff}

.up_next{ margin:30px 0}
.up_next li{ width:46%; height:40px; line-height:40px; background:#2058a3; margin-right:1%; padding-left:3%; display:inline-block; color:#fff}
.up_next li a{ color:#fff}




.mt-5{margin-top:5px !important; line-height:230%}
.mt-10{margin-top:10px !important; line-height:230%}
.mt-30{margin-top:30px !important; line-height:230%}
.mt-40{margin-top:40px !important; line-height:230%}


/* title */
.tit { font-weight:bold; font-size:25px; margin:0; padding-top:18px; color:#000; line-height:1.2;}
.tit3 { font-weight:bold; font-size:22px; color:#222; margin:0px; padding:30px 0 0 0; line-height:1.2;}
.subTxt{ line-height:260%;  padding:30px 0}
.sub_tit3{ font-weight:bold; font-size:20px; margin:0; padding-top:28px; color:#0552a9; line-height:1.2;}

.bg_hatched {position:relative; display:block; height:11px; background:url("bg_hatched2.html");}

/* content_area */
#content_area {width:1200px; margin:0 auto;}
.h3_area { border-bottom:1px solid #bebebe;}
.h3_area h4 span{ float:right; color:#666; font-size:14px;}
.h3_area h4{ height:50px; line-height:50px;}
.outline_list {margin-top:40px;}
.outline_list dl dd p:first-child {margin-top:10px;}
.outline_list dl dd p {margin-top:5px;}
.outline_list dl dd p strong {display:block; font-size:16px; font-weight:bold; color:#0552a9; line-height:1.4;}
.outline_list p.img {margin-top:20px;}

.outline_list {overflow:hidden;}
.outline_list .ml-20 {margin-left:20px;}
.outline_list dl {float:left; width:580px;}
.outline_list dl dt {padding-top:0;}
.outline_list > p {float:left; width:580px}
.outline_list p.img {margin-top:0; width:580px}
.outline_list p img {width:580px}




.sy_newse2{ margin:30px auto}
.sy_newse2 dl{ float:left; width:585px; height:200px; border:1px solid #ccc; margin:10px 5px;cursor:pointer;transition:all .3s}
.sy_newse2 dl dt{ float:left; width:221px; height:200px; float:left; border-right:1px solid #ccc;}
.sy_newse2 dl dt img{ width:221px; height:200px;}
.sy_newse2 dl dd{ float:left; width:315px; margin:30px 0 20px 30px; line-height:200%}
.sy_newse2 dl dd em{background:#f0f1f3; padding:5px;}
.sy_newse2 dl dd h3{ font-size:16px; color:#666; margin:10px 0 0px 0}
.sy_newse2 dl dd h3 a{ font-size:16px}
.sy_newse2 dl dd p {line-height:150%; height:60px; overflow:hidden}
.sy_newse2 dl dd p a{ height:60px; color:#b2b2b2; }
.sy_newse2 dl:hover{ -webkit-box-shadow:0 2px 20px rgba(33,40,56,.55);-moz-box-shadow:0 2px 20px rgba(33,40,56,.55);box-shadow:0 2px 20px rgba(33,40,56,.55);/*transform: rotate(2deg);*/}