*{margin:0; padding:0; font-family:"Microsoft YaHei";}
body{ background:#fff; line-height:24px; font-size:14px; color:#333; min-width: 1500px;}
a{color:#555; font-size:14px; text-decoration:none;}
a:hover{color:#F00; }
img{border:none; max-width: 100%;}
li,ul{list-style-type:none;}
/*--- header ---*/
.top{ width: 100%; height: 33px; background: url(../Image/top.jpg) no-repeat top center; overflow: hidden;}
.t-box{ width: 1200px; margin: 0 auto; line-height: 33px; overflow: hidden; color: #adadad;}
.welcome{ float: left; text-indent: 20px;}
.lang{ width: 200px; float: right; overflow: hidden;}
.lang ul li{ width: 100px; text-indent: 30px; float: left; height: 33px;}
.lang ul li a{ color: #adadad;}
.lang ul li a:hover{ color: #ff0; text-decoration: underline;}
/*.cn{ background: url(../Image/cn.jpg) no-repeat left center;}
.en{ background: url(../Image/en.jpg) no-repeat left center;}*/
.header{ width: 1200px; margin: 0 auto; height: 100px; padding-top: 23px; overflow: hidden;}
.logo{ float: left;}
.tel{ float: right;}

/*--- nav ---*/
.nav{  width: 100%; height: 70px; background: #1857a4; overflow: hidden;}
.nav ul{ width: 1200px; height: 70px;  margin: 0 auto; overflow: hidden;}
.nav ul li{ width: 12.5%; float: left; text-align: center;}
.nav ul li a{display: block; width: 100%; height: 58px; padding-top: 12px; color: #fff; font-size: 16px;}
.nav ul li a:hover{ background: #064693;}
.nav ul li a span{ font-size: 12px; color: #1686c2;}
/*--- banner ---*/
#banner { width:100%; height:502px; position:relative}
#slides { display:block; width:100%; height:502px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; bottom:15px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#0092CE }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#fff}
/*--- main ---*/
.main{ width: 100%;  padding: 30px 0; overflow: hidden;}
.m-ys{ width: 100%; overflow: hidden;}
.m-ys .hd{ width: 100%; height: 68px; background: url(../Image/m-line.jpg) repeat-x; text-align: center; margin-bottom: 36px;}
.m-ys .bd{ width: 1200px; margin: 0 auto; height: 407px;overflow:visible; position:relative; }
.ys1{overflow:hidden; position: absolute; left:0; top:71px; z-index:999}
.ys2{overflow:hidden; position: absolute; right:0; top:64px; z-index:999}
.ys3{overflow:hidden; position: absolute; left:0; bottom:16px; z-index:999}
.ys4{overflow:hidden; position: absolute; right:0; bottom:6px; z-index:999}
.ys5{ width: 100%; height: 407px; text-align: center;}
.ys6{overflow:hidden; position: absolute; left:412px; top:46px; z-index:999}
.ys7{overflow:hidden; position: absolute; right:366px; top:44px; z-index:999}
.ys8{overflow:hidden; position: absolute; left:407px; bottom:33px; z-index:999}
.ys9{overflow:hidden; position: absolute; right:399px; bottom:46px; z-index:999}

.m-product{ width: 1200px; margin: 0 auto;  padding-top: 25px; overflow: hidden;}
.m-product .hd{ width: 100%; height: 80px; background: url(../Image/m-line.jpg) repeat-x; text-align: center; }
.m-product .md{  width: 1020px; margin: 0 auto; padding: 25px 0;  height: 38px; overflow: hidden;}
.m-product .md ul li{ width: 160px; float: left; margin: 0 5px; text-align: center; line-height: 38px; }
.m-product .md ul li a{display: block; width: 100%; height: 38px; background: #e9e9e9;}
.m-product .md ul li a:hover{ background: #1857a4; color: #fff;}
.m-product .bd{}
.da-thumbs {list-style: none;width: 100%; height: 600px;position: relative;margin: 0 auto;padding: 0;}
.da-thumbs li {float: left; width:380px; height: 285px; margin:0 10px 15px 10px; position: relative;box-shadow: 0 1px 3px rgba(0,0,0,0.1);}
.da-thumbs li img{ width: 380px; height: 285px;}
.da-thumbs li a,.da-thumbs li a img {display: block;position: relative;}
.da-thumbs li a {overflow: hidden;}
.da-thumbs li a div {position: absolute;background: rgba(24,87,164,0.7);width: 100%;height: 100%;}
.da-thumbs li a div span {display: block;padding: 10px 0;margin: 30px 20px 20px 20px;text-transform: uppercase;font-weight: normal;color: rgba(255,255,255,0.9);text-shadow: 1px 1px 1px rgba(0,0,0,0.2);border-bottom: 1px solid rgba(255,255,255,0.5);box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3);}

.m-about{ width: 100%; background: url(../Image/m-company.jpg) no-repeat top center; height: 742px; overflow: hidden;}
.m-about .name{ width: 100%; height: 132px; line-height: 140px; font-size: 25px; color: #fff; text-align: center; background: url(../Image/about-bg.jpg) no-repeat bottom center; overflow: hidden;}
.m-about .txt{ width: 1100px; margin: 0 auto; height: 141px; line-height: 40px; padding-top: 30px; text-align: center; color: #fff;}
.m-about .line{ width: 100%; text-align: center; height: 51px; line-height: 40px; font-size: 24px; color: #fff;}
.m-about .more{ width: 175px; height: 45px; margin: 0 auto; text-align: center; border: 1px solid #fff; line-height: 45px;}
.m-about .more a{ color: #fff;}
.m-about .more a:hover{ color: #ff0; text-decoration: underline;}
.m-case{ width: 1200px; margin: 0 auto; height: 288px; padding-top: 50px; overflow: hidden;}
#indexPro{ width:1200px;  height:288px; overflow:hidden;}
#indexPro li{width:385px; height: 288px; float: left; margin-right: 30px;overflow:visible; position:relative;}
#indexPro li img{ width:385px; height: 288px;}
#indexPro li .title{ width: 100%; height: 55px; background: rgba(24,87,164,0.7);  text-align: center; line-height: 55px;  overflow:hidden; position: absolute; left:0; bottom:0; z-index:999; color: #fff; font-size: 16px;}

.m-news{ width: 1200px; margin: 0 auto; padding-top: 30px; overflow: hidden;}
.m-news .hd{ width: 100%; height: 80px; background: url(../Image/m-line.jpg) repeat-x; text-align: center; }
.m-news .bd{ width: 100%; height: 312px; padding-top: 36px; overflow: hidden;}

.picScroll-left{ width: 100%; height: 312px; overflow: hidden;}
.picScroll-left .bdd{ }
.picScroll-left .bdd ul{ }
.picScroll-left .bdd ul li{ width: 383px; height: 312px; background: url(../Image/news-icon1.jpg) no-repeat right bottom; float: left; margin: 0 8.5px; overflow: hidden;}
.picScroll-left .bdd ul li:hover{background: url(../Image/news-icon2.jpg) no-repeat right bottom;}
.picScroll-left .bdd ul li .img{ width: 100%; height: 119px; overflow: hidden;}
.picScroll-left .bdd ul li .img img{ width: 383px; height: 119px;}
.picScroll-left .bdd ul li .title{ width: 100%; height: 61px; line-height: 61px; overflow: hidden;}
.picScroll-left .bdd ul li .title a{ font-weight: 700; font-size: 16px;}
.picScroll-left .bdd ul li .txt{ width: 100%; height: 90px; line-height: 26px;}
.picScroll-left .bdd ul li .time{ width: 100%; height: 42px; font-size: 16px; line-height: 20px; color: #c0c0c0;}
.picScroll-left .bdd ul li .time span{ font-size: 30px;}
/*sidebar*/
.sidebar{ width: 256px; float: left; overflow: hidden;}
.s-p .hd{ height: 65px; overflow: hidden;}
.s-p .bd{ width: 254px; border-left: 1px solid #dedede; border-right: 1px solid #dedede;}
.s-p .bd ul{ width: 218px; margin: 0 auto; padding: 20px 0; overflow: hidden;}
.s-p .bd ul li{ width: 100%; height: 49px; text-indent: 20px; line-height: 48px; overflow: hidden;}
.s-p .bd ul li a{ display: block; width: 100%; height: 49px; background: url(../Image/p1.jpg); color: #555;}
.s-p .bd ul li a:hover{ background: url(../Image/p2.jpg); color: #fff;}
/*inside*/
.middle{ width: 1200px; margin: 0 auto; padding: 30px 0;  overflow: hidden;}
.inside{ width: 914px; float: right; border: 1px solid #e9e9e9; border-radius:10px; overflow: hidden;}
.inside-hd{ width: 100%; height: 64px; border-bottom: 1px solid #e9e9e9; overflow: hidden;}
.catname{ float: left; font-size: 24px; text-indent: 38px; line-height: 64px; color: #1857a4; font-size: 24px;}
.Indicate{ width: 400px; float: right; text-align: right; line-height: 64px; padding-right: 38px;}
.n-n{ width: 95%; margin: 0 auto; padding: 20px 0; line-height: 260%; overflow: hidden;}

/*footer*/
.footer{ width: 100%; height: 158px; padding-top: 54px; background: #1857a4; overflow: hidden;}
.end{ width: 1200px; margin: 0 auto; color: #fff;}
.f-logo{ float: left;}
.f-txt{ width: 828px; float: right; line-height: 28px;}
.f-txt a{ color: #fff;}
.f-txt a:hover{ color: #ff0;}
/*info*/
#newTitle{ width: 95%; margin: 0 auto; padding: 25px 0;  border-bottom: 1px solid #bfebff; color:#f00000; text-align:center;text-align:center;}
#newsContent{ margin: 16px 0;}
#newsInfo{ width: 98%; margin: 0 auto;  border-bottom: 1px dashed #bfebff; line-height: 55px; font-weight:normal; text-align:center; font-size:12px;}
#newsdescription{ width: 95%; margin: 0 auto; padding: 5px 2.5%; border-bottom: 1px solid #bfebff; font-size: 12px; font-weight: normal; margin-bottom: 20px;}
.infoClass{margin:0px;margin-bottom:10px;line-height:12px;}
#infoImage{text-align:center;margin:10px 0;}
#infoImage img{padding:1px; border:1px solid #dedede;}
.news_title{color:#da020d;text-align:center;line-height:40px;}
.meta{color:#999;text-align:center;line-height:28px;}
.Newstime{float:right;}
#allmap{ width:98%; margin:0 auto; border:1px solid #dedede; height:850px; overflow:hidden;}

/*news*/
.news-box div{ width: 100%; height: 228px; padding: 55px 0; overflow: hidden;}
.news-box div .img{ float: left;}
.news-box div .img img{ width: 400px; height: 228px;}
.news-box div .txt{ width: 674px; padding-top: 10px; float: right;}
.news-box div .txt .title a{ font-size: 24px; color: #444965;}
.news-box div .txt .title a:hover{ color: #f00;}
.news-box div .txt .content{ padding: 8px 0; font-size: 15px; color: #818181;}
.news-box div .txt .more a{ display: block; width: 150px; height: 30px; float: left; color: #53acf2;}
.news-box div .txt .more span{ float: right;}
.news-bd{ width: 1440px; margin: 0 auto; padding: 30px 0; overflow: hidden;}
.news-bd-bot{ width: 912px; float: left; padding: 50px; background: #fff; overflow: hidden; line-height: 260%;}

/*picUL*/
#picUL{text-indent:0; overflow:hidden;}
#picUL li{height:240px; width:33.3%;  float:left; line-height:26px;  text-align:center;}
#picUL li img{height:203px; width:270px; padding: 2px; border: 1px solid #cdcdcd;}
#picUL li img:hover{ border: 1px solid #160102;}

.pid-box{ width: 100%; overflow: hidden; border-bottom: 1px dashed #dedede; padding: 20px 0; overflow: hidden;}
.pid-box .title{ width: 100%; height: 40px; background: #eee; overflow: hidden; line-height: 40px; text-indent: 10px;}
.pid-box .title a{ color: #1857a4; font-size: 16px; }
.pid-box .contariner{ width: 100%; height: 235px; margin-top: 15px; overflow: hidden;}
.pid-box .img{ width: 310px; height: 235px; float: left;}
.pid-box .img img{ width: 300px; height: 225px; background: #cdcdcd; padding: 5px;}
.pid-box .img img:hover{ background: #f00;}
.pid-box .content{ width: 540px; float: right; line-height: 275%; font-size: 15px;}

.p-top{ width: 846px; height:329px; margin: 0 auto; padding: 15px 0; overflow: hidden;}
.p-img{ width: 436px; float: left; height: 329px;}
.p-img img{ width: 430px; height: 323px; padding: 2px; border: 1px solid #cdcdcd;}
.p-txt{ width: 385px; float: right; overflow: hidden;}
.p-title{ width: 100%; height: 55px; border-bottom: 1px dashed #555; line-height: 55px; font-size: 18px; font-weight: 700;}
.p-keywords{ width: 100%; height: 144px; padding-top: 10px; line-height: 24px; font-size: 12px; overflow: hidden;}
.p-bb{ width: 100%; height: 120px; background: #f0f0f0; overflow: hidden;}
.p-tel{ width: 100%; height: 50px; line-height: 55px; text-indent: 15px; color: #888; font-weight: 700; font-size: 16px;}
.p-tel span{ font-size: 24px; color: #1857a4;}
.p-link{ width: 360px; float: right; clear: both; height: 50px; overflow: hidden;}
.p-link a{ display: block; width: 164px; float: left; margin-right: 10px; height: 51px; text-align: center; background: #1857a4; color: #fff; font-size: 24px; line-height: 51px;}


.p-content{ width: 98%; margin: 10px auto; border: 1px solid #dedede; overflow: hidden;}
.p-content .title{ width: 100%; height:40px; border-bottom: 1px solid #dedede; overflow: hidden;}
.p-content .title h2{ width:200px; text-align: center; height: 40px;  overflow: hidden; color: #1951ae; font-size: 16px; line-height: 40px; font-weight: 700;}
.p-content .nr{ width: 98%; margin: 0 auto; line-height: 260%; padding: 15px 0 0; overflow: hidden;}
#prev_next{ width: 98%; margin: 10px auto;  overflow: hidden;}
#prev_next li{ border-bottom: 1px dashed #cdcdcd;}

#indexPro1{ width:100%;margin-top: 10px; height:180px;  overflow:hidden;}
#indexPro1 li{width:240px; height:180px; float:left; line-height: 24px; text-align:center;}
#indexPro1 li img{ width: 200px; height: 150px;}

.p-b-o{ width:98%; margin: 10px auto; padding: 10px 0; border: 1px solid #dedede; overflow: hidden;}
.p-b-o .nrr{ width: 100%;  background:#fff;  overflow: hidden;}
.p-o-title{ font-size: 16px; height: 45px; text-indent: 10px; font-size: 18px; line-height: 45px;   color: #555; overflow: hidden;}
.p-b-box{ padding:10px 20px; overflow: hidden;}
.p-b-b-t{ width: 100%; overflow: hidden; margin-bottom: 10px;}
.p-b-b-l{ width: 340px; float: left;}
.p-b-b-l li{ margin-bottom: 15px; font-size: 14px;}
.pbo2{ width: 280px; height: 30px; text-indent: 5px; background: #fff; border: 2px solid #dedede;}
.pbo20{ width: 270px; height: 30px; text-indent: 5px; background: #fff; border: 2px solid #dedede;}
.pbo21{ width: 260px; height: 30px; text-indent: 5px; background: #fff; border: 2px solid #dedede;}


.pbo6{ width: 100px; height: 30px; text-indent: 5px; background: #fff; border: 2px solid #dedede;}
.pbo5{ width: 80px; height: 30px; vertical-align: top; margin:2px auto 5px 5px;}
.p-b-b-r{ width: 432px; float: left; padding-left: 30px; overflow: hidden;}
.pbo4{ width:430px; border: 1px solid #dedede; height: 180px; overflow: hidden; color: #d0d0d0;}
.p-b-b-b{ padding-left: 55px; overflow: hidden;}
.pbo3{ width:280px; height: 36px; background: #1857a4; border: none; color:#FFF; font-size: 18px; text-align: center; line-height: 35px;}
.pbo3 a{text-decoration:none; font-size:14px; color:#FFF; display:block;}
.pbo3 a:hover{ color:#FF0;  text-decoration: underline;}

/*jobs*/
.jobs-title{ text-align: center; color: #3a6fb9; font-size: 24px; padding: 25px 0;}
.jobs-box-list{ width: 44%; padding: 20px 2.5%; background:#f8f8f8 url(../Image/jobs.jpg) no-repeat right center; float: left;  height: 150px; margin:15px 0.5%; overflow: hidden;}
.j-b-left{ width: 49%; float: left;}
.j-b-left .title{padding-top: 25px;}
.j-b-left .title a{ font-size: 24px; color: #3a6fb9;}
.j-b-left .title a:hover{  color: #f00;}
.j-b-left .time{ font-size: 12px; color: #cdcdcd;}
.j-b-right{  width: 40%; float: right; text-align: right; font-size: 14px; padding-top: 25px; color: #838383; padding-right: 9%;}



/*page*/
#page{clear:both;line-height:35px;height:35px;width:99%; text-align:center;border:1px solid #cdcdcd; margin-top:10px;}
/*borderLi*/
.borderLi{border-bottom:1px dashed #dedede;margin-bottom:6px;padding-bottom:6px;}
.G_InputText{width:160px;height:16px;border:1px solid #dedede;}
.InputText{width:90px;height:16px;border:1px solid #dedede;}
.G_textarea{width:300px;height:100px;border:1px solid #dedede;}
.G_ul{width:500px;margin:0 auto;line-height:26px;}
.G_tips{width:780px;margin:10px auto 0 auto;border:1px solid #dedede;padding:7px;}
/*message*/
.comtent_info{width:710px;*+margin-top:-612px;*+margin-left:250px;display:inline-block;vertical-align:top;margin-bottom: 20px;}
.comtent_info_tit{width:100%;height:36px;line-height:36px;*+line-height:36px;text-indent:13px;font-family:Microsoft YaHei,arial;font-size:14px;color:#338e00;overflow:hidden;}
.comtent_info .comtent_info_tit .url{height:36px;line-height:37px;color:#6a6a6a;font-family:Microsoft YaHei,arial;font-size:12px;float:right;margin-right:10px;*+margin-top:-37px;display: inline-block;}
.comtent_info .comtent_info_tit .url .url_img{width: 10px;height: 10px;margin-top: 13px;*+margin-top: 12px;float: left;}
.comtent_info .comtent_info_company{width:666px;margin:28px auto 0 auto;font-size:14px;font-family:Microsoft YaHei,arial;line-height:28px;}
.comtent_info .comtent_info_company p{text-align:justify;letter-spacing:1px;font-size:14px;line-height:28px;color:#444444;margin-bottom:30px;}
.comtent_info table th{color:#444444;width:70px;font-weight:normal;font-size:14px;font-family:Microsoft YaHei,arial;text-align:right;vertical-align: top;padding-top: 9px;}
.comtent_info table td select{font-family: Microsoft YaHei,arial;font-size: 14px;width: 278px;height: 32px;text-indent: 8px;border: 1px solid #d2d4d6;margin: 5px auto 6px 5px;*+margin-left:-3px;background: #FFF;}
.comtent_info table td ul{list-style:none;position:absolute;}
.comtent_info table td ul li{font-family:Microsoft YaHei,arial;font-size:14px;height:28px;line-height:28px;text-indent:8px;width:276px;height:28px;border-left:1px solid #d2d4d6;border-right:1px solid #d2d4d6;background:#FFF;}
.comtent_info table td ul li a{display:block;text-decoration:none;color:#444444;}
.comtent_info table td ul li a:hover{color:#fe7d0c;}
.comtent_info table td ul li:last-child{border-bottom:1px solid #d2d4d6;}
.comtent_info table td input{font-size:14px;width:276px;height:28px;border:1px solid #d2d4d6;margin:5px auto 5px 5px;}
.comtent_info table td .ppp{font-size:14px;width:26px;height:28px;}
.comtent_info table td .yanzheng{width:101px;}
.comtent_info table td textarea{resize: none;width:545px;height:178px;border:1px solid #d2d4d6;margin:5px auto 5px 5px;}
.middle .comtent .comtent_info table td img{vertical-align:middle;margin-left:5px;margin-bottom:4px;*+margin-bottom:14px;}
.comtent_info table td .but{width:74px;height:31px;line-height:31px;background:#4a5b6d;border-radius:2px;border:none;text-align:center;margin-top:14px;margin-left:5px;font-size:14px;font-family:Microsoft YaHei,黑体,sans-serif;color:#FFF;}
.comtent_info table td .but a{text-decoration:none;font-size:14px;font-family:Microsoft YaHei,黑体,sans-serif;color:#FFF;display:block;}
.comtent_info table td .but a:hover{background:#4a5b6d;border-radius:2px; text-decoration: underline;}
.j-content{ padding: 5px;}
.pointer{ width:60px; height: 28px; vertical-align: top;margin:5px auto 5px 5px;}