﻿html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,
aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,input {
  margin: 0;
  padding: 0;
  border: none;
  outline: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6 {
  -webkit-text-size-adjust: none;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
  display: block;
}
body {
  font-family: arial, sans-serif;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* 要注意表单元素并不继承父级 font 的问题 */
body,
button,
input,
select,
textarea {
  font-size: 14px;
  font-family: Microsoft YaHei, Tahoma, sans-serif;
}
body{font-size: 14px;   color: #333;}
a{text-decoration: none;}
strong{font-weight: bold;}
/*公共导航*/
.container{width:100%; overflow:hidden; background:#fff; position: relative;padding-top: 120px;}

.nav_box{width: 100%;  border-bottom: 2px solid #aaa8a9;height: 120px; position: fixed; top: 0px;z-index: 9999999; background-color: #fff;}
.header{width: 1100px; margin: 0 auto; }
.header .logo{width: 239px; height: 120px; float: left;}
.header .logo img{margin-top: 20px;}
.header .navbar{width:720px; float: right;position:relative;}
.navbar .nav{}
.navbar .nav li{width: 120px; height: 120px; float: left; position: relative; line-height: 120px; text-align: center;}
.navbar .nav li a{font-size: 16px; color: #333;}
.navbar .nav li.hover{background: url(../images/nav_icon.png) no-repeat center bottom;border-bottom: 2px solid #014b85; }
.navbar .nav li.active{border-bottom: 2px solid #014b85;}
.navbar .nav li.active a{color: #014b85;}
.navbar .nav li:hover a{color: #014b85;}
.navbar .nav li ul.xiala{position: absolute; width: 120px;top:120px;left:0px; z-index: 9999999;background-color:#014b85; opacity:0.6; filter:alpha(opacity=60);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);/*  background-color: rgba(1,75,133,0.6); */display: none;}
.navbar .nav li ul.xiala li {width:100px; margin-left:10px; text-align: center; height: 40px; line-height: 40px; border-bottom: 1px solid #014b85; opacity: 1;}
.navbar .nav li ul.xiala li:hover{background:none;}
.navbar .nav li ul.xiala li:last-child{border:0px;}
.navbar .nav li ul.xiala li a{font-size: 16px; color: #fff; }
/*分页*/
.page{width:1100px; height: 24px;display: table; position:relative;text-align: center; margin:0 auto; clear:both;}
.fenye{display:table-cell; text-align:center; position: absolute;vertical-align:middle;left:50%;}
.content_page{position: relative; left: -50%;}
.fenye a{display: inline-block; width: 22px; height: 22px; background-color: #fff; font-size: 12px; color: #333; line-height: 23px; text-align: center; border-radius: 23px; border: 1px solid #cdcdcd; float: left; margin:0px 5px;}
.fenye a:hover,a.on{background-color: #0260a8; color: #fff;}
.fenye .prev:hover{background-color: #fff;}
.fenye .next:hover{background-color: #fff;}
.fenye .prev{ width: 24px; height: 24px;border:0px;background: url(../images/page.png) no-repeat center left;}
.fenye .next{ width: 24px; height: 24px;border:0px;background: url(../images/page.png) no-repeat center right;}

/*公共尾部*/
.footer{width: 100%; height: 235px; background-color: #313131;}
.foot_box{width: 1100px; margin:0 auto;}
.foot_box .contact{width: 400px; float: left; margin-top: 35px;}
.foot_box .contact p.header{font-size: 20px; color: #fff; margin-bottom: 15px;}
.foot_box .contact p{font-size: 14px; color: #ccc; line-height: 38px;}
.right_nav{width: 600px; float: right; margin-top:78px;}
.right_nav .quick_nav{float: left; width: 120px; text-align: right;}
.right_nav .quick_nav dt{ margin-bottom: 20px;}
.right_nav .quick_nav dd{margin-bottom: 3px;}
.right_nav .quick_nav dt a{font-size: 16px; color: #ccc; font-weight: bold;}
.right_nav .quick_nav dd a{font-size: 16px; color: #ccc;}

.foot_bar{width: 100%; height: 40px; background-color: #1b1b1b;}
.foot_bar .copy_box{width: 1100px; margin: 0 auto; font-size: 14px; color: #ccc; line-height: 40px;}
.foot_bar .copy_box .left_copyright{float: left;}
.foot_bar .copy_box .right_copyright{float:right;}

/*index.html*/
.banner_box1{ height: 430px;width: 100%;}
.banner1{width:100%; margin: 0 auto; height: 100%;}
/*.pro_img{width:1427px; height:100%; position: relative; margin: 0 auto;}*/
.pic_move{width: 100%; margin: 0 auto; overflow: hidden;position:relative;}
.pic_move ul {width:1427px;height:430px; position:relative;overflow:hidden; z-index:10; }
.pic_move li {width:33.3333333333%; height:430px; position:absolute;left:0;top:0; display:none; background-position: center center; background-repeat: no-repeat;}
.pic_move li a{display:block;width:100%; height:100%;}
.pic_btn {width:100%;height:0px;line-height:0px;position:absolute;z-index:16;}
.pic_btn a {position:absolute;top:185px;display:none;width:63px;height:63px;}
.pic_prev {left:0;background:url(../images/banner_arrow.png) no-repeat left;}
.pic_next {right:0px;background:url(../images/banner_arrow.png) no-repeat right;}
.k_num{display: none;}
/*.k_num {height:16px;text-align:right;position:absolute;right:20px;top:250px;width:50%;z-index:16;}
.k_num span {display:inline-block;width:16px;height:16px;text-align:center;overflow:hidden;line-height:16px;background-color:red;margin-right:5px;}
.k_num .k_current {background-color:blue;color:#fff;}*/
.content_box{width: 100%; background-color: #f0f0f0;}
.content1{width: 100%; height: 350px;}
.content2{width: 100%; height: 307px; background-color: #e6e6e6;}
.content3{width: 100%; height: 405px;}
.product_con{width: 1100px; margin: 0 auto; position: relative; padding-top: 30px;}

.roll {width: 1100px; height: 290px; position: relative;overflow: hidden;}
.btn_left{width: 27px; height: 27px; background: url(../images/arrow.png) no-repeat center left;position: absolute;top:110px;left:0px;z-index:1;}
.btn_right {width: 27px; height: 27px; background: url(../images/arrow.png) no-repeat center right; position: absolute; top: 110px; right: 0; z-index: 1; }
.roll .wrap { width: 1030px; height: 300px; margin: 0 auto; position: relative; overflow: hidden; }
.roll ul { position: absolute; top: 0; left: 0; }
.roll ul li{ float: left; width: 320px; height: 280px; margin:0px 11px;}
.roll ul li:hover{border:0px;}
/*.content1 .pro_dl dd img{margin-top:2px;}*/
.content2 .describe{width:620px; float: left; height: 100%;}
.content2 .describe h3{font-size: 20px; color: #036ba1; line-height: 25px; margin-top: 3px;}
.content2 .describe h3.ch{margin-top: 10px;}
.content2 .describe h3.eng{font-size: 16px;}
.content2 .describe .service{margin-top: 15px; font-size: 14px; color: #333; line-height: 30px;}
.content2 .describe .service a{font-size: 14px; color: #333; margin-left: 5px;}
.content2 .right_img{width: 445px; height: 277px; float: right;}

.content3 .new_infor h3{font-size: 20px; color: #036ba1; line-height: 25px; margin-top: 3px;}
.content3 .new_infor h3.ch{margin-top: 30px;}
.content3 .new_infor h3.eng{font-size: 16px;}

/*除首页外的公共banner*/
.banner_box{background-color: #61a0d2; width: 100%;  height: 300px;}
.banner{width: 100%; margin: 0 auto; height: 100%; position: relative;}
.banner img{position:relative;left:50%; margin-left:-960px;}

/*公共快速导航*/
.content_box{width: 100%; background-color: #f2f2f5;}
.page_nav{width:100%; height: 40px; border-bottom: 1px solid #ccc;}
.page_nav .top{width: 1100px; margin: 0 auto; }
.page_nav .page_label{width:300px; float: right; text-align: right;}
.page_nav .page_label a{font-size: 14px; color: #333;  margin:0px 5px; line-height: 40px;}
.page_nav .page_label a.now{color: #004284;}

/*产品more 固定模块*/
.pro_dl{width: 300px; height: 257px; border:1px solid #e6e6e6; padding:9px; background-color: #fff; margin-bottom: 5px; box-shadow:0px 0px 10px #c7c6c6;}
.pro_dl dt{width: 296px; height: 200px; border: 1px solid #e6e6e6; display: table-cell; overflow: hidden;  vertical-align: middle; text-align: center;}
.pro_dl dd{font-size: 18px; color:#666; margin-top: 8px; margin-left: 10px;}
.pro_dl dt img{vertical-align: middle; width:296px; height: 200px;}
.pro_dl dd.more{margin-top: 0px;}
.pro_dl dd a{display:inline-block; color: #036ba1; font-size: 12px; width: 100px; background: url(../images/read_more.png) no-repeat right center;}
.pro_dl:nth-child(4n){margin-right: 0px;}

/*news 固定模块*/
.new_list{margin-left:-18px;margin-top: 10px;}
.new_dl{width: 258px; height: 228px; border:1px solid #e6e6e6; float: left; text-align: center; background-color: #fff; box-shadow:0px 0px 10px #c7c6c6; margin-left: 18px; margin-bottom: 20px;  text-align: center;
 }
.new_dl dt{width: 258px; height: 190px; margin:0 auto; display: table-cell;  vertical-align: middle; overflow: hidden;}
.new_dl dt img{vertical-align: middle; width: 240px; height: 170px;}
.new_dl dd{font-size: 14px; color: #333; margin:0px 0px 0px 8px; line-height: 25px; text-align: left;}
/*.new_dl:nth-child(4n){margin-right: 0px;}
.last{margin-right: 0px;}*/

/*鼠标移入蓝色按钮*/
.tab_list{width: 100%; margin-bottom: 35px;}
.tab_list a{display: inline-block; padding:10px; background-color: #fff; min-width: 80px; border-radius: 3px; text-align: center; font-size: 14px; color: #333; margin-right: 10px; border: 1px solid #ccc; box-shadow:2px 2px 2px #e0dfdf;}
.tab_list a.active{background-color: #036ba1; color: #fff;}
.tab_list a:hover{background-color: #036ba1; color: #fff;}

/*aboutus.html*/
.us_infor{width: 1100px; margin: 0 auto; margin-top:40px;}
.us_infor .right_word{width: 1100px;margin-top: 4px;}
.us_infor .right_word p{font-size: 14px; color: #333;line-height: 25px;}
.blank{clear:both; height: 100px;}

/*arard.html*/
.us_infor .new_infor h3{font-size: 20px; color: #036ba1; line-height: 25px; margin-top: 3px;}
.us_infor .new_infor h3.ch{margin-top: 30px;}
.us_infor .new_infor h3.eng{font-size: 16px;}

/*news.html*/
.news_infor{width: 1100px; margin: 0 auto; margin-top:20px;}
.news{width:100%; overflow:hidden; border: 1px solid #e6e6e6; border-bottom: 0px; margin-bottom: 60px;}
.news_list{height: 50px;background-color:#fff; cursor: pointer;border-bottom: 1px solid #e6e6e6;}
.news_list .jiahao{display:inline-block; float:left;width: 53px; height:100%; border-right: 1px solid #e6e6e6; background: url(../images/news_add.png) no-repeat center -35px;}
.news_list .title{display:inline-block; float:left; padding-left:20px; font-size: 16px; color: #333; line-height: 50px;}
.news_list .time{display:inline-block; float:right;font-size: 14px; color: #999; padding-right:20px; line-height: 50px;}
/*鼠标移入效果*/
.news .active{background-color: #024c85;}
.news .active .jiahao{background-position: center 15px;}
.news .active .title{color: #fff;}

/*news_detail.html*/
.news_infor{width: 1100px; margin: 0 auto; margin-top:65px;}
.news_detail h2{font-size: 24px; color: #333; line-height: 35px; text-align: center;}
.news_detail .time{font-size: 16px; color: #666; margin-bottom: 8px; line-height: 25px; text-align: center;}
.img{display:none; width: 849px; height: 572px; border:1px solid #e6e6e6;background-color: #fff;margin:0 auto;text-align:center;box-shadow:0px 0px 10px #c7c6c6; margin-bottom: 20px;}
.img img{margin-top: 9px; width: 831px; height: 554px;}
.news_content{width:1060px; margin:0 auto; line-height:27px;font-size: 14px; color: #666;}

.blank{height: 50px;}
/*case.html*/

/*product.html*/
.product_infor{width: 100%;background-color: #f5f5f5;}
.content{width: 1100px; margin: 0 auto; margin-top: 40px;}
.products {margin-left:-16px; height: 570px;}
.products .pro_dl{width: 240px; height: 225px; padding: 9px; border:1px solid #e6e6e6;background-color: #fff; margin-bottom: 18px; box-shadow:0px 0px 10px #c7c6c6; float: left; margin-left:16px;}
.products .pro_dl dt{width: 238px; height: 158px; border: 1px solid #e6e6e6; display:table-cell; vertical-align: middle; text-align: center; overflow: hidden;}
.products .pro_dl dt img{width: 238px; height: 158px; vertical-align: middle;}
.products .pro_dl dd{font-size: 18px; color:#666; margin-top: 8px; margin-left: 0px;}
.products .pro_dl dd.more{margin-top: 5px;}
.products .pro_dl dd a{display:inline-block; color: #036ba1; font-size: 12px; width: 93px; background: url(../images/read_more.png) no-repeat right center;}
/*.products .pro_dl:nth-child(4n){margin-right: 0px;}
.products .last{margin-right: 0px;}*/

/*product_detail.html*/
.pro_detail{height: 270px; margin-bottom: 20px;}
.left_img{width:396px; height:265px; float: left; text-align: center;border:1px solid #e6e6e6;background-color: #fff; margin-bottom: 5px; box-shadow:0px 0px 10px #dddcdf;}
.left_img img{border:1px solid #e6e6e6; width: 378px; height: 247px; margin-top:9px;}
.right_p{width: 685px; float: right;}
.right_p h3{font-size: 24px; color: #036ba1; margin-top: 20px; margin-bottom: 8px;}
.right_p p{font-size: 14px; color: #333; line-height: 24px; margin-bottom: 20px; text-align: justify;}
.right_p p span{display: inline-block; width: 100%; font-weight: bold; margin:5px 0px;}

.table{width: 100%;margin-bottom: 35px;}
.table table{width: 1098px; border-collapse:collapse; background-color: #fff;}
.table table tr{line-height: 40px;}
.table table tr td{width: 50%; text-align: center;height:40px;border:1px solid #e6e6e6;}
.table table .thread{width:1100px;background-color: #0260a8; font-size: 14px; color: #fff;}
.table table .thread td{text-align: left;padding-left: 20px;}

.project h3{font-size: 18px; color: #333; line-height: 25px; margin-bottom: 10px;}
.project .project_list{width: 100%; height: 160px;}
.project .project_list li{width: 198px; height: 154px; float: left; cursor: pointer; position: relative; text-align: center; background-color: #fff;border:1px solid #e6e6e6;margin-right:20px;box-shadow:0px 0px 10px #dddcdf;}
.project .project_list li img{width:180px; height:136px;margin-top: 8px; border:1px solid #e6e6e6;
overflow-x: hidden; overflow-y: hidden; position: relative;  z-index:1;}

.project_list li .show .imgArea:hover{
  background: rgba(0,0,0, 0.7);
}
.project_list li:hover  .show {opacity: 1;filter:alpha(opacity=100);}
.project_list li:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);bottom:40%;}
.project_list li .show {
    width: 180px; height: 136px;z-index: 200;
    left: 9px;    opacity: 0;    filter:alpha(opacity=0);    position: absolute;    top: 9px;
    background: url(../images/fangdajing.png) no-repeat center center;background-color: rgba(50, 125, 183, 0.8);
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: opacity;
    transition-timing-function: ease-in;
  /* Firefox 4 */
  -moz-transition-delay: 0s;
    -moz-transition-duration: 0.3s;
    -moz-transition-property: opacity;
    -moz-transition-timing-function: ease-in;
  /* Safari 和 Chrome */
  -webkit-transition-delay:0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    -webkit-transition-timing-function: ease-in;
  /* Opera */
  -o-transition-delay:0s;
    -o-transition-duration: 0.3s;
    -o-transition-property: opacity;
    -o-transition-timing-function: ease-in;   
}
.project_list li .show .imgArea {
    left: 50%;
    bottom:0;
    opacity: 0;
    position: absolute;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
  /* Firefox 4 */
  -moz-transition-delay: 0s;
    -moz-transition-duration: 0.4s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
  /* Safari 和 Chrome */
  -webkit-transition-delay:0s;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
  /* Opera */
  -o-transition-delay:0s;
    -o-transition-duration: 0.4s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}

/*technology.html*/
.technology {width:100%; margin-bottom:60px;}
.technology .tel_dl{width:100%; height:178px; margin-bottom: 20px;}
.technology .tel_dl dt{width: 236px; height: 158px; background:#fff; padding: 9px; float: left;text-align: center; margin-right: 15px; border: 1px solid #e6e6e6;text-align: center; box-shadow:0px 0px 10px #c7c6c6;}
.technology .tel_dl dt a{display: inline-block; width: 236px;  height: 155px; border: 1px solid #e6e6e6; display: table-cell; vertical-align: middle; text-align: center;}
.technology .tel_dl dt img{width: 234px; height: 153px;vertical-align: middle;}
.technology .tel_dl dd.title a{font-size: 18px; color:#666; line-height: 45px; margin-top: 5px;}
.technology .tel_dl dd.title .time{font-size: 14px; color: #333; float: right; line-height: 45px;}
.technology .tel_dl dd.tec_infor{text-align:justify; font-size: 14px; color: #666; line-height: 23px;}

/*download.html*/
.download_infor{width: 100%; margin-bottom: 45px;}
.content .down_title{width: 100%; height: 59px; border-bottom:1px dashed #cdcdcd;}
.content .down_title dt{float: left;}
.content .down_title dt a{font-size: 16px; color: #333; line-height:59px;}
.content .down_title dt a:hover{color: #0260a8;}
.content .down_title dd{width: 80px; height: 30px; background-color: #dbdbdb; line-height: 30px; text-align: center; font-size: 14px; color: #333; cursor: pointer; float: right; margin-top: 15px;}

/*contact.html*/
.information{width: 100%;  overflow: hidden; margin-bottom: 25px;}
.information .left_infor{width:500px; float: left;}
.information .left_infor p{font-size: 14px; color: #333; line-height: 25px;}
/*.information .left_infor p.con_name{font-size: 18px; font-weight: bold; margin-bottom: 5px;}*/
.erweima{width:430px;float: right; text-align: center;}
.erweima dt{margin:10px 0px;}
.erweima dd{font-size: 14px; color: #333;}
.erweima dd span{color: #003f73;}
.ditu{width:1098px; height: 406px;border:1px solid #ccc; overflow: hidden;}
.ditu iframe{width: 100%; height: 100%;}

/*joinus.html*/
.content{width: 1100px;  margin: 0 auto; margin-top:40px; overflow: hidden;}
.img_box{overflow: hidden; text-align: center;}
.img_box img{margin-bottom: 40px;}
