@charset "utf-8";
.w_1200{width: 1200px;margin: 0 auto;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}





.main1{margin-top: 30px;height: 590px;}
.m1_box1{width: 650px;height: 350px;background: red;float: left;background: url(../image/m1_pic1.jpg) no-repeat;position: relative;}
.m1_box2{width: 525px;height: 185px;background: red;float: right;background: url(../image/m1_pic2.jpg) no-repeat;position: relative;}
.m1_box3{width: 525px;height: 185px;background: red;float: right;margin-top: 20px;background: url(../image/m1_pic3.jpg) no-repeat;position: relative;}
.m1_box4{width: 650px;height: 220px;background: red;float: left;margin-top: 25px;background: url(../image/m1_pic4.jpg) no-repeat;position: relative;}
.m1_box5{width: 525px;height: 185px;background: red;float: right;margin-top: 20px;background: url(../image/m1_pic5.jpg) no-repeat;position: relative;}

.m1_box1 a{position: absolute;font-size: 24px;top:50px;left:20px;color: #000;    text-shadow: 0px 0px 10px #776C6C;}
.m1_box2 a{position: absolute;font-size: 24px;top:20px;left:40px;color: #000;    text-shadow: 0px 0px 10px #776C6C;}
.m1_box3 a{position: absolute;font-size: 24px;top:20px;left:200px;color: #000;    text-shadow: 0px 0px 10px #776C6C;}
.m1_box4 a{position: absolute;font-size: 24px;top:100px;left:400px;color: #000;    text-shadow: 0px 0px 10px #776C6C;}
.m1_box5 a{position: absolute;font-size: 24px;top:50px;left:20px;color: #000;    text-shadow: 0px 0px 10px #776C6C;}

.main2{margin-top: 20px;}
.m2_box1{width: 330px;height: 185px;float: left;background: #679ba9;margin-right: 10px;position: relative;}
.m2_box2{width: 280px;height: 185px;float: left;background: #3bbdfb;margin-right: 10px;position: relative;}
.m2_box3{width: 280px;height: 185px;float: left;background: #6ec58c;margin-right: 10px;position: relative;}
.m2_box4{width: 280px;height: 185px;float: left;background: #ff9a00;position: relative;}

.m2_box1 img{position: absolute;right: 10px;top:38px;}
.m2_box2 img{position: absolute;right: 10px;top:30px;}
.m2_box3 img{position: absolute;right: 10px;top:30px;}
.m2_box4 img{position: absolute;right: 10px;top:45px;}

.m2_box1 a{color: #fff;font-size: 16px;margin-left: 20px;line-height: 25px;}
.m2_box2 h2{font-size: 24px;color: #fff;font-weight: normal;line-height: 30px;margin-top: 50px;margin-left: 30px;}
.m2_box3 h2{font-size: 24px;color: #fff;font-weight: normal;line-height: 30px;margin-top: 50px;margin-left: 30px;}
.m2_box4 h2{font-size: 24px;color: #fff;font-weight: normal;line-height: 30px;margin-top: 50px;margin-left: 30px;}

.m2_box2 a{color: #fff;}
.m2_box3 a{color: #fff;}
.m2_box4 a{color: #fff;}


.m2_box2 p{font-size: 18px;color: #fff;line-height: 25px;margin-left: 30px;}
.m2_box3 p{font-size: 18px;color: #fff;line-height: 25px;margin-left: 30px;}
.m2_box4 p{font-size: 18px;color: #fff;line-height: 25px;margin-left: 30px;}



.scale{
transition:All 0.4s ease-in-out;
-webkit-transition:All 0.4s ease-in-out;
-moz-transition:All 0.4s ease-in-out;
-o-transition:All 0.4s ease-in-out;
}
.scale:hover {
transform:scale(1.2);
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-o-transform:scale(1.2);
-ms-transform:scale(1.2);
}
.move {
transition: All 0.4s ease-in-out;
-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;
-o-transition: All 0.4s ease-in-out;
}
.move:hover {
transform:translate(0,-10px);
-webkit-transform:translate(0,-10px);
-moz-transform:translate(0,-10px);
-o-transform:translate(0,-10px);
-ms-transform:translate(0,-10px);
}
.move1 {
transition: All 0.4s ease-in-out;
-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;
-o-transition: All 0.4s ease-in-out;
}
.move1:hover {
transform:translate(10px,0);
-webkit-transform:translate(10px,0);
-moz-transform:translate(10px,0);
-o-transform:translate(10px,0);
-ms-transform:translate(-0px,0);
}

/*?ҳ*/
.contentny {
    width: 1200px;
    min-height: 500px;
    _height: 500px;
    margin: 17px auto;
}
.leftcc {
    width: 220px;
    float: left;
}
.leftcc_top {
    width: 220px;
    height: 40px;
    background: #2C3135;
    line-height: 40px;
}
.leftcc_top h2{font-weight: normal;color: #fff;padding-left: 40px;font-size: 16px;background:url(../image/top_nav_bg.jpg) 16px center no-repeat;}
.leftcc_bt {
   /* width: 220px;*/
    padding-top: 5px;
    padding-bottom: 5px;
    background: #fff;
    border: 1px #dbdbdb solid;
}
.leftcc_bt li.li1 {
    margin: 8px auto;
    background:url(../image/sider_bg.jpg) top no-repeat;
    border-radius: 3px;
    width: 200px;
    line-height: 34px;
    font-size: 14px;
}
.leftcc_bt li.li1  a{padding-left: 30px;}
.dropdown li > ul li > ul li {
    padding-left:50px;
}
.leftcc_bt p{font-size: 12px;line-height: 30px;}
.xianright {
    width: 960px;
    float: right;
    border-top: 3px #2C3135 solid;
    border-left: 1px #dadada solid;
    border-right: 1px #dadada solid;
    border-bottom: 1px #dadada solid;
}




.mainCon{width:860px; float:right;}
.mainConTitle{
    position: relative;
    width:860px; height:46px;border-bottom: 2px solid #2C3135;  }
.mainConTitle .mFont{float: left;margin-right: 10px;
    /*width: 100px;*/ height: 46px;
    color: #0f1427;font-size: 24px; line-height: 46px; font-weight: bold;}  
.mainConTitle .mEnglish{
    float: left;
    /*width: 100px; */height:46px;
    color:#0f1427; font-size: 18px;line-height: 54px; display: block; font-family: arial; text-transform: uppercase;}
.mainConTitle .position {  
    position: absolute; right: 0px; bottom:0px
    height:46px;  
    color: #666666; font-size: 12px;line-height:54px;}
.mainConTitle .position a{color:#666;}
.mainConTitle .position a:hover{color:#0f1427}
.mainConTitle .xian{ 
    width: 120px;height: 2px;
    font-size: 0px; line-height: 0px;
    position:absolute; left:0px; bottom:-2px;background: #348502; 
 }
 .mainConTitle .position span{ font-size: 12px;}
 /*end mainConTitle*/

 .leftTitle{ width: 222px; height: 46px; padding-left:20px ; margin-bottom: 10px; border:2px solid #e8363d;
    color:#0c101f; font-size: 18px; line-height: 46px; font-weight: bold;}
.leftTitle span{ color:#0c101f; font-size: 14px; text-transform: uppercase; font-weight: normal;}   
.leftContact{ width: 204px; padding: 10px 20px; border:1px solid #acacac}
.leftContact dl{width:204px; display:block;clear:both;}
.leftContact dl dt,.leftContact dl dd{color:#666666; font-size:12px;  line-height:30px; }
.leftContact dl dt{float:left; width:40px; padding-left: 24px; }
.leftContact dl dd{float:left; width:138px;}


.mainContect{ 
    color:#666;font-size:14px;line-height:30px;overflow:hidden
    margin-top:16px; padding-top:15px; height:auto!important;min-height:360px;height:360px;word-wrap:break-word; word-break:break-all;padding-bottom:20px;
    background:#fff ;}
/*.mainContect img{ max-width: 100%;}*/
.mainContect .title{ 
    width:100%;
    color:#0f1427;font-size:22px; line-height:40px;text-align:center; }
.mainContect .time{
    width: 525px; height: 40px;border-bottom:1px dotted #ddd;padding-top:5px;padding-left:225px;
    color:#999999;font-size:12px;line-height:30px; font-weight:normal}
.mainContect .timea{ float:left;width:170px; font-size:12px;}   
.mainContect .bdsharebuttonbox{ float: left;}
.mainContect .pic{ width:100%; text-align:center;padding:20px 0px 0px 0px;}
.mainContect .pic img{margin:0 auto;}
.mainContect .con{ padding:20px 14px 20px 14px;line-height:30px;font-size:14px; color:#666;word-wrap:break-word; word-break:break-all;overflow:hidden}
.mainContect .conTitle{ width: 100%; border-bottom: 1px solid #c8c8c8;margin-bottom: 15px;}
.mainContect .conTitle span{ 
    width: 120px; height: 36px;display: block;
    color:#fff; font-size: 16px;line-height: 36px; text-align: center;
    background: #0b61a5;}
.mainContect .pgfy{
     width:100%; border-top:1px solid #eaeaea; padding-top:15px;padding-bottom:20px; margin: 0 auto;}
.mainContect .pgfyl{float:left;  width:810px;padding-left: 14px;}
.mainContect .pgfyl p{ color:#0f1427;font-size: 14px;}
.mainContect .pgfyl p a{ color:#0f1427; font-size: 14px;}
.mainContect .pgfyr{ width:100px;float:left; text-align:center;padding-top:30px;}
.mainContect .pgfyr a{ color:#0f1427;font-size:14px;}


/* footerpic*/

.footPicBd{ width: 1200px; margin: 0 auto 34px  auto;}
.footPicList{ width: 1200px; height:210px;  margin: 0 auto; background: #f0f0f0; }
.footPicList .footPicLeft,.footPicList .footPicRight{float: left; width:27px; height:60px;padding:65px 14px 0px 14px;}
.footPicListUl {float: left;width:1060px; height:190px;padding-top: 20px;  overflow: hidden; }
.footPicList ul li{float:left;width:208px; height:190px; margin-right: 20px;}
.footPicList ul li .pic{width:208px; height:156px;}
.footPicList ul li .title{
    width:188px;height:34px; padding:0 10px;
    color:#0f1427;line-height:34px;font-size:14px;  font-weight: bold; text-align: center;
}

.sectionB{ 
    position: relative;
    width: 100%; height: 152px; padding-top: 27px; border-top: 1px solid #d3d3d3; 
    background: url(../images/index_10.jpg);}
.Ttitle { 
    position:relative;width:100%; height:60px; margin: 0 auto; border-bottom:2px solid #2C3135;
    color:#0f1427;font-size:24px;line-height:60px; font-weight: bold;
}
.Ttitle span{color: #0f1427; font-size: 18px; font-family:arial; text-transform: uppercase; font-weight: normal;}   
.Tmore a{
    position:absolute; right:0px; top:0px;
    width:72px; height:60px;  display: block;
    color: #666666; font-size: 12px; line-height: 60px;  text-align: center;}
    
/*end Ttitle*/


.proListPic ul li{ 
    position: relative;float:left;
    width:244px; height:270px; border-left:1px solid #d2d2d2;border-top:1px solid #d2d2d2;
    overflow: hidden; } 
.proListPic ul li a{
    position: relative;
    width:220px; height:242px;padding: 12px; border-bottom: 4px solid #f0f0f0;display:block;
    background: #f0f0f0;
}
.proListPic ul li a:hover{
    border-bottom: 4px solid #2C3135;
    background: #FFFFFF;
}
.proListPic ul li .pic{position:relative;width:218px; height:164px;border:1px solid #d0d0d0; }
.proListPic ul li .pic span{
    position: absolute;left:10px; top:0px; display: block;
    width: 36px; height: 25px;
    color:#fff;font-size:12px;line-height:25px; text-align: center; text-transform: uppercase;
    background: #2C3135;
}
.proListPic ul li .intro{
    width:200px; height:76px; padding:0px 10px;overflow: hidden;
    color:#666666;font-size:12px;line-height:20px; text-align: left;   
}
.proListPic ul li .intro span{
    width:200px; height:36px; display: block;
    color:#0f1427;font-size:14px;line-height:36px; text-align:left;font-weight: bold;   }
    
.mainConList{ padding-top: 15px;}   
.mainConList .pic1{ 
    position: relative;float:left;
    width:279px; height:285px; border:1px solid #d2d2d2; margin-right: -1px; margin-bottom: -1px;
    overflow: hidden; }
.mainConList .pic1 a{
    position: relative;
    width:276px; height:266px;padding: 2px;display:block;
    background: #f0f0f0;}
.mainConList .pic1 a:hover{
    background: #FFFFFF;
}           
.mainConList .pic1 dt.pic{position:relative;width:275px; height:200px;border:1px solid #d0d0d0;}
.mainConList .pic1 dt.pic span{
    position: absolute;left:10px; top:0px; display: block;
    width: 36px; height: 25px;
    color:#fff;font-size:12px;line-height:25px; text-align: center; text-transform: uppercase;
    background: #2C3135;
}
.mainConList .pic1 dd.intro{
    width:240px; height:76px; padding:0px 10px;overflow: hidden;
    color:#666666;font-size:12px;line-height:20px; text-align: left;  
}
.mainConList .pic1 dd.intro span{
    width:240px; height:36px; display: block;
    color:#0f1427;font-size:14px;line-height:36px; text-align:left;font-weight: bold;  
}


/*page*/
#pages{text-align: center;margin: 20px 0;}
#pages a{padding:0 10px;height: 30px;line-height: 30px;text-align: center; background: #424d5b;color: #fff;display: inline-block;}
#pages span{padding:0 10px;height: 30px;line-height: 30px;text-align: center; background: #2C3135;color: #fff;display: inline-block;}
#pages a:hover{background: #2C3135;color: #fff;}

.mainConList .pic2{ width: 920px; height:120px;padding:13px; margin-bottom: 14px; border:1px solid #d1d1d1;background: #f0f0f0;}
.mainConList .pic2 dt{
    float: left; 
    width:160px; height:120px; border: 1px solid #d1d1d1; margin-right: 16px; }
.mainConList .pic2 dt img{ display:block;}
.mainConList .pic2 dd{ width:530px;height:120px;  float:left;}
.mainConList .pic2 .title{color:#0f1427;font-size:14px; line-height:40px; font-weight:bold;}
.mainConList .pic2 .intro{color:#666666;font-size:12px;line-height:20px}
.mainConList .pic2 .time{ color: #999999; font-size: 12px;line-height:28px}
.mainConList .pic2 a:hover{ background: #e5ebf1;}
.mainConList .pic2 a:hover .title{ color:#1561af}

/*end pic2*/

.mainConList ul{padding-top:0px;clear:both;  padding-bottom:10px; margin-top: -16px;}
.mainConList ul li{
    width: 840px; height: 80px; padding-top: 10px; padding-bottom: 10px;
    border-bottom:1px solid #d4dde3; }
.mainConList ul li a{width: 840px;padding: 0px 4px;display: block;
    color:#0f1427; font-size:14px; line-height:36px; font-weight: bold; }
.mainConList ul li a:hover{color:#2C3135}
.mainConList ul li span{ color: #999999;float: right; font-size:12px;line-height:36px; font-weight: normal;}
.mainConList ul li p{width: 840px;padding: 0px 4px;color:#666666;font-size:12px;line-height:22px}
/*end ul*/

.yproer{
    position:relative;float:left;
    width:280px;height:280px;overflow:hidden;
}
.yproer_in{
    position:absolute;top:0;left:0;
    width:100%;height:100%;
    background:url(../image/img15.png) repeat;
    display:none\9;
    transform:translateY(280px);
    transition:transform .3s ease-out;
}
.yproer:hover .yproer_in{
    transform:translateY(0);
    display:block\9;
}

.yproer:hover  img{-webkit-transform:scale(1.3);-ms-transform:scale(1.3);-moz-transform:scale(1.3);transform:scale(1.3);-webkit-transition:all ease-in-out .6s;transition:all ease-in-out .6s;-ms-transition:all ease-in-out .6s;transition:all ease-in-out .6s}



.yproer_a{
    position:absolute;top:120px;left:55%;
    width:58px;height:58px;margin-left:-29px;
    cursor:pointer;
}
.yproer_a img{
    padding:0 !important;width:36px !important;height:33px !important;
}
.yproer_z{
    margin-top: 190px;
    display:block;
    width:100%;height:141px;/*padding-top:48px;*/
    font:18px/1 "Microsoft Yahei";color:#FFF;text-align:center;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.ypro-more{
    position:relative;
    width:103px;height:71px;margin:21px 0 0 454px;
    font:18px/71px "Impact";color:#f1f7ff;text-align:center;text-indent:-12px;
    background:url(../images/img14.png) no-repeat;
}
.ypro-more a{
    display:block;
    color:#f1f7ff;
}
/*ytech*/
.ytech{
    width:490px;height:324px;margin:66px 0 0 0;
}
.ytech-con{
    margin-top:6px;
}
/*yspec*/
.yspec{
    width:488px;height:324px;margin:66px 0 0 0;
}
/*ybanner*/
.ybanner{
    height:89px;margin-top:24px;
}


.content_tit{ width:1199px; height:44px; margin:0 auto; padding-top:48px;}
.content_tit_mid{ width:750px; height:44px; margin:0 auto;}
.content_tit_midx{ width:266px; height:3px; float:left;position: relative; background:url(../image/xxa.gif) repeat-x; margin-top:22px;}
.content_tit_midx span {
    position: absolute;
    height: 3px;
    right: 0px;
    background:#D5D5D5;
    width:31px;
    display: block;
    bottom: 0px;
    -webkit-animation: easepointer 4s ease-in-out 0s infinite;
    animation: easepointer 4s ease-in-out 0s infinite;}

.content_tit_midr{ width:266px; height:3px; float:right;position: relative; background:url(../image/xxa.gif) repeat-x;margin-top:22px;}
.content_tit_midr span {position: absolute;
    height: 3px;
    left: 0px;
    background:#D5D5D5;
    width:31px;
    display: block;
    bottom: 0px;
    -webkit-animation: easepointera 4s ease-in-out 0s infinite;
    animation: easepointera 4s ease-in-out 0s infinite;
    }

.abc1 {
    width: 180px;
    height: 43px;
    float: left;
    margin-left: 23px;
}