/* 初始化 */
@charset "gb2312";
/* CSS Document */
body { font-family: "微软雅黑", Arial; font-size: 12px; margin:0; padding:0; background:#ffffff no-repeat; color:#000; }
* { margin:0; padding:0 }
div, ul, li, h1, h2, h3, h4, h5, h6, img, p, dl, dt, dd, ol, th, td { margin: 0px; padding: 0px; }
li { list-style-type: none; }
form, input, button, option, textarea, select { margin: 0px; padding: 0px; }
input, button, textarea, select { font:100% Tahoma, Helvetica, Arial, sans-serif; }
a { text-decoration: none; cursor:pointer; outline:none; blr:expression(this.onFocus=this.blur());
color:#272727; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }
th { font-weight:normal; }
img { border: 0; }
h3 { font-size:14px;  font-weight:bold; }
h4 { font-size: 12px;    font-weight:bold; }
.clear { clear: both; }
.copy { font-family:Arial, Helvetica, sans-serif; }
table { font-size:inherit; }
img { border:none;  }

.list_btn{ margin: 50px auto; width: 752px; }
.list_btn_l_r{ float: left; width: 20px; height: 20px; border: solid 1px #d3d3d3; text-align: center; color: #d3d3d3; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.list_btn_l_r:hover{ color: #8c8573; border-color: #8c8573; }
.list_btn_line{ float: left; width: 285px; height: 1px; background-color: #d3d3d3; margin-top: 11px; }
.list_btn_num{ width: 120px; float: left; margin: 0 9px; text-align: center; }
.list_btn_num a{ display: inline-block; width: 20px; height: 20px; text-align: center; border: solid 1px #d3d3d3; margin: 0 2px; color: #606060; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.list_btn_num a:hover,.list_btn_num .hover{ color: #fff; border-color: #8c8573; background:#30405a}

/*首页*/

#heade{background: #30405a;height: 110px;width: 100%;}
#heade .cont{ width: 1200px; margin: 0 auto;}
#heade .cont .logo{width: 157px; float: left; margin-top: 30px; color: #fff}
#heade .cont .logo .Chinese{font-size: 25px}
#heade .cont .logo .Chinese span{font-weight:bold;}
#heade .cont .logo .English{ font-size: 12px;}
#heade .nav{width: 910px; float:right;}
#heade .nav li{ float: left; margin:0 15px }
#heade .nav li a{ color: #fff;width: 100px; display: block;text-align: center; line-height: 110px ; height: 110px;}
#heade .nav li a:hover,.nav li a.on{background:url(../images/bg06_02.jpg)  no-repeat }

/*banner*/
.banner{ width:100%; height:420px; overflow:hidden; margin:0 auto; position:relative;}
.banner p{  text-align:center;height:420px; width:100%;}
.banner .pic_scoll{position:relative;width:100%; height:420px;}
.banner .pic_scoll .scoll_1{width:100%; height:420px;overflow:hidden; position:relative;}
.banner a{ position: absolute;  top: 65%; z-index: 1000;left:25%; width: 174px;height: 35px; color: #fff; text-align: center; line-height: 35px; background: #6cbdfc }
#content{width: 1200px; margin: 0 auto;}
#content .left_list{width: 205px; height: 425px; background: #f3f3f3;float: left; margin-top: 120px}
#content .left_list .tit{ color: #fff; font-size: 14px; background: #30405a; width: 205px; height: 60px; line-height: 60px; text-align: center; font-weight: bold;}
#content .left_list .Menubox li{ height:50px; line-height: 60px; width: 205px; text-align: center;cursor:pointer}
#content .Menubox li.hover{ font-weight: bold; }
#content .right{width: 965px; float: right;}
#content .right .product{ margin-top: 38px;}
#content .right .product .cont li{ float:left; height: 240px; margin: 0 10px;}
#content .right .product .cont li .photo{ width: 300px; height: 182px;}
#content .right .product .cont li .photo img{width: 300px; height: 182px;}
#content .right .product .cont li p{ text-align: center; line-height: 40px}
.title{ margin: 0 auto 40px; width: 608px;  border-bottom: 1px dashed #e2e2e2; text-align: center; text-transform:uppercase; font-size: 20px}
.title p{ font-size: 12px; }
.title .tit{ width: 160px; background: #fff;    margin: 0 auto;position: relative;top: 12px;}
.cooperation{ width: 100%; height:390px; background: #30405a;padding-top: 30px;}
.cooperation .cont{ width: 1200px; margin: 0 auto;}
.cooperation .cont li{ float: left; width: 213px; height: 81px;margin: 25px 12px;}
.cooperation .cont li img{width: 213px; height: 81px;}
.abstract{ width: 1030px; margin: 0 auto; padding-top:50px;}
.abstract .cont .photo{ float: left; width: 274px; height: 166px; margin-right: 59px}

.abstract .cont .text .tit{ font-size: 18px; margin-bottom: 15px}
.abstract .cont .text{ font-size: 13px; color: #30405a; line-height: 23px  ;float: left; width: 680px;}
.abstract .more{     margin-top: 30px;width: 120px; height: 28px; border-radius: 3px; text-align: center;; line-height: 28px; background: #6cbdfc}
#footer{ width: 100%; height: 215px; background: #30405a; padding-top: 30px; margin-top: 170px}
#footer .cont{ width: 670px; margin: 0 auto 120px;}
#footer .cont .contact{ width: 378px; float: left; font-size: 14px; color: #838d99; line-height: 25px }
#footer .cont .code .photo{ float: left; width: 150px; background: #fff; padding: 7px 0 0 7px; height: 150px}
#footer .cont .code { height: 200px;    float: left;}
#footer .cont .code p{  font-size: 16px; color: #838d99;    height: 35px;}
#footer .cont .map{ width: 285px; height: 200px;    float: right;}
#footer .cont .map p{ font-size: 16px; color: #838d99;height: 35px;}
#footer .cont .map .photo{ width: 273px; height: 155px;background: #fff}
.footer_b{ width: 100%;  height: 43px; background: #2c3544}
.footer_b p{ width: 1200px; text-align: left; margin: 0 auto; line-height: 43px;color: #586474}
#footer .Line{width: 1px; height: 145px; border-left: 1px solid #515f75; float: left;    margin: 35px 60px;}

/*侧导航*/
.ny_left{float: left;width: 195px;  margin-top: 28px;}
.ny_left ul{margin-bottom: 57px; border-top: solid 2px #30405a;}
.ny_left ul li{margin: 0;width: 191px;height: 48px;border: solid 2px #30405a;     border-top: none;}

.ny_left ul li p{margin-top: 17px;margin-left: 28px;float: left;}
.ny_left ul .hover{background:url(../images/service_btn.png) #30405a 123px center no-repeat;}
.ny_left ul .hover p{color: #fff;}
.ny_left .service_tel{color: #30405a;}
.ny_left .service_tel p{background: url(../images/ico04_16.png) left center no-repeat; padding-left: 29px;font-size: 21px;margin-left: 5px;}
.ny_left .service_tel span{display:block;}


.ny_right{ float:right; width:955px; height:auto !important;margin-top: 28px;}
.ny_right .title_n{ height:46px; line-height:46px; border-bottom:1px solid #dcdcdc; margin-bottom:50px}
.ny_right .title_n p{ float:right; color:#6c6c6c}
.ny_right .title_n h3{ height:45px; border-bottom:2px solid #8c8573; display:inline-block; float:left; padding-right:13px; font-size:18px; font-weight:normal}
.ny_right .cont .photo img{  float: left; margin-right: 28px; width: 700px}
.ny_right .cont .photo p{  width: 222px;  height: 167px;background: #aeaeae;  float: left;padding: 36px 0 0 16px;  box-sizing: border-box;}
.ny_right .cont .photo p span.name{ font-size: 17px; color: #ffffff}
.ny_right .cont .photo p i{  width: 27px;  border: 2px solid #ffffff;  display: block;    margin: 10px 0 40px 0;}
.ny_right .cont .photo p span.English{ font-size: 9px; color: #ffffff;text-transform:uppercase; width: 82px; display: block;  }
.ny_right .cont .text{ line-height: 30px; font-size: 12px; color: #5b5b5b; margin: 55px 0}

.ny_right  .cont li{ float:left; height: 230px; margin: 0 14px;width: 290px;}
.ny_right  .cont li .photo img{ width: 290px; height: 185px;}
.ny_right  .cont li p{ text-align: center; line-height: 40px}
.ny_right  .agent p{width: 120px; height: 35px; background: #cbcbcb; line-height: 35px; text-align: center; margin: 30px 0}
.ny_right  .agent p a{ font-size: 14px; color: #ffffff}
.ny_right  .agent span{ font-size: 14px; color: #2c3544}
.ny_right .table{text-align: center}
.ny_right .table tr th{ height: 45px; background: #30405a;width:238px; font-size: 14px; color: #fff}
.ny_right tbody tr:nth-child(odd){font-size: 14px; color: #2c3544;background: #f1f1f1;width:238px;height: 45px;}
.ny_right tbody tr:nth-child(even){font-size: 14px; color: #2c3544;background: #fafafa;width:238px;height: 45px;}
.ny_right tbody .des{ color: #6cbdfc;text-decoration:underline}
.ny_right .contact .text{ height: 140px; line-height: 30px; font-size: 14px; color: #2c3544}
.ny_right .contact .map{ width: 540px; height: 320px; background: #30405a}
.ny_right .message p{ font-size: 16px; color: #2c3544; text-align: center; margin-bottom: 70px;}
.ny_right .message span{ font-size: 14px; color: #2c3544}
.ny_right .message form input{ width: 370px; height: 32px; background: #eaeaea;border:none;outline:none; margin: 20px; font-size: 14px;}
.ny_right .message .Submit {     width: 360px;  margin: 0 auto;}
.ny_right .message .Submit a{width: 117px; height: 36px; background: #30405a; color: #ffffff; display: inline-block; text-align: center; line-height: 36px; margin: 0 10px}

.floatContact{
    z-index: 1000;
    position: fixed;
    right: 5%;
    top: 70%;
    width: 87px;
    margin-top: -198px;
    background: #6cbdfc;
    height: 200px;
    padding: 8px;
    text-align: center;}
.remove{
    position:relative;
    right: -41px;
}
.floatContact .photo{
     width: 85px;
    border-bottom: 1px solid #91cefd;
    margin: 5px 0 15px 0;
}

/*新闻*/
.main{ float:right; width:900px;}
.main .titlel p{ float:right; margin-right:10px;}
.main .cont{ padding:20px 0; height:auto !important; height:550px; min-height:550px}
/*.ny_about .cont,.detail .cont{line-height:29px; margin:0 auto; padding:20px 30px}*/
.ny_news ul{ width:800px; margin:0 auto}
.ny_news li{ height:32px; line-height:32px;  background:url(../images/title04.jpg) no-repeat 4px; padding-left:20px; overflow:hidden; border-bottom:1px dashed #ccc}
.ny_news li span{ float:right; margin-right:10px;}
.ny_news li a{ float:left;}
.ny_pro ul{ float:left; margin:0 -2px;}

.detail .tit { height: 40px; line-height: 40px; text-align: center; font-weight: bold; margin-bottom: 100px; }
.detail .related { padding:6px 0; text-align: center; }
.detail .related span { padding: 0 10px; }
.detail .text { padding: 10px; line-height: 23px;}
.detail .text .photo { text-align: center; }
.detail .other { padding: 8px 0; width: 100%; }
.detail .other li { line-height: 24px; }
.detail .print { padding: 8px 0; text-align: right; clear: both; }
.detail .print a { margin-right: 20px; }
.detail .text .pro_photo { text-align: center; }