@CHARSET "UTF-8";


/* header parts */
.huanying_sy{}
.huanying{ width: 1200px; margin: 0 auto; padding: 5px; overflow: hidden;}
.huanying_l{float: left;}
.huanying_r{float: right;}
.w_head{width: 100%; background: #e9f1f5; border-bottom: 1px solid #1e3085;}
.w_head_1{width: 1200px; margin: 0 auto;}


.guding{position: fixed;z-index: 9999; width: 100%; background: #fff;}
.w_cpzx{width: 1200px; margin: 0 auto;     overflow: hidden;}
.w_cpzx_l{width: 280px; margin: 0 20px 0 0; float: left;}
.w_cpzx_r{width: 1200px; text-align: left;}
.w_cpzx_r table{
    text-align: left; margin-left: 65px;width: 1200px;background:none;
}
/*.w_cpzx_r img{width: 70%; padding: 10px 15% 10px 15%;}*/
.w_cpzx_r img:hover{/*width: 50%;*/ /*padding: 10px 9% 10px 9%; border: solid 1px #f6f6f6; transition: .8s;*/}

.w_sort li{height: 55px; line-height: 32px; background:#e9f1f5; border-bottom: 1px solid #fff; font-size: 16px; }
.w_sort li:hover{background:#519ff8;}
.w_cpzx_l h3{background:#519ff8; height: 55px; line-height: 40px; border-bottom: 3px solid #fff; font-size: 18px;padding: 10px 10px 10px 10px;}
.w_advan{width: 1130px;  margin: 0 auto; text-align: left; padding: 20px 20px 20px 50px;}
.w_advan_1{width: 1130px;  margin: 0 auto; text-align: left; padding: 15px 20px -15px 50px;margin-right: -595px;}

.w_about{width: 1200px; margin: 0 auto; height: 300px; padding: 30px 0 0 0;}
.w_about:hover{background: #e9f1f5; transition: 3s;}
.w_about_l{float: left; /*padding: 0 100px 0 20px;*/ width: 566px;}
.w_about_r{float: right;width: 600px;}



#header{background: #fff  repeat-x; height: 108px; }
#headerw{width: 1100px; margin: 0 auto; position: relative;}
#head{width: 1200px; margin: 0 auto;}
.logo{float: left; padding-left: 15px;}
.mingcheng{float: left; padding-top: 30px;
    padding-left: 10px;}
.topLink{float: right; padding-top: 5px; padding-right: 8px; color: #bebebe;}
 
 .topLink a{padding-top:10px;}
.topk1{text-align: right; color:#1967b9;}

.topk*1 a{text-decoration:none;outline:none;}
.topk1 a:link{color:#1967b9;}
.topk1 a:visited{color:#007bcd;}
.topk1 a:hover,a:active,a:focus{color:#007bcd;text-decoration:underline;outline:none;  text-decoration:none;}

.topk2{margin-top: 5px; padding-top: 10px; padding-left: 174px;}
.shezhisy{padding-top: 10px; padding-bottom: 20px;}
.shezhisy a{color: #bebebe;}
.searchtb{float: right;  padding-left: 6px; }
#formsearch {float: left;}
#formsearch input{ border: 1px solid #d9d9d9; border-radius: 15px; }
#formsearch input#keyword {height: 24px;line-height: 24px;padding-left: 15px;color: #bebebe; width: 200px; border: solid 1px #1e3085;}
#formsearch input#s_btn { font-weight: bold; width: 46px;height: 24px;line-height: 24px;text-align: center;background-color: #1e3085;color: #fff;border: none;cursor: pointer;}
#formsearch input#highsearch {width: 46px;height: 24px;line-height: 24px;text-align: center;background-color: #e87518;color: #fff;border: none;cursor: pointer;}
.hotSearch {height: 24px;line-height: 24px;font-weight: normal; position: absolute; right: 281px; top: 35px;}
.hotSearch a{padding-left: 3px; padding-right: 3px;}
.highsearch{float: right;height: 24px;line-height: 24px;font-weight: normal;margin-right: 10px; display: inline-block; width: 40px; color: #fff; background: #e87518;}

/* nav parts */
.menu_1{background: width: 100%;background: #024fa1;}
#menu {margin-top: 5px; width: 1200px; margin: 0 auto; height: 45px; }
#menuw {margin-top: 5px; width: 1200px; margin: 0 auto;}
#menu .nav li{height: 45px;text-align: center;width: 150px;float: left;position: relative;z-index: 9999;}
#menu .nav li a {display: block; width:100%; position: relative; line-height: 45px;color: #fff;height: 45px; font-family: "微软雅黑"; font-weight: bold;  font-size: 17px; letter-spacing: 2px;}
#menu .nav li a:hover{background: #fff; color: #1e3085;}
#menu .nav li ul a {width: 100%;font-weight: normal; font-size: 14px;letter-spacing:1px;}
#menu .nav li .sec{display: none; position: absolute; left: 0; top: 45px;  background: #024fa1; }
#menu .nav li .sec li{position: relative;}
#menu .nav li .sec li .twolevel{position: absolute; left: 97px; display: none; top: 0px; background: #0c4b76; width: 100px;}



#menu1 {margin-top: 5px; width: 1200px; margin: 0 auto; height: 32px;}
#menuw {margin-top: 5px; width: 1200px; margin: 0 auto;}
#menu1 .nav li{height: 32px;text-align: center;width: 260px;float: left;position: relative;z-index: 9999;}
#menu1 .nav li a {display: block; width:100%; position: relative; border-left:  1px solid #fff; border-right: 1px solid #fff; line-height: 40px;color: #0a9b8c;height: 40px; font-family: "微软雅黑"; font-weight: normal; font-size: 14px;}
#menu1 .nav li a:hover{background: #fff;}
#menu1 .nav li .sec{display: none; position: absolute; left: 0; top: 32px;  background: #dd7979; width: 100%;}
#menu1 .nav li .sec li{position: relative;}
#menu1 .nav li .sec li .twolevel{position: absolute; left: 97px; display: none; top: 0px; background: #0c4b76; width: 100px;}


/*banner parts*/
#focus {width:1920px; height:634px; left: 50%; top: 0px; margin-left: -960px; overflow-x: hidden; position:absolute;}
#focus ul {height:141px; position:absolute;}
#focus ul li {float:left; width:1920px; height:634px; overflow:hidden; position:relative; background:#000;}
#focus ul li a img{height:634px;width:1920px;}
#focus ul li div{position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:1920px; height:20px; left:0; bottom:0;}
#focus .btn {position:absolute; width:1920px; height:30px; padding:5px 10px; right:0; bottom:0; text-align:center;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#024fa1;}
#focus .btn span.on{background:#fff;}

.sousuo_sy{width: 1200px; margin: 0 auto; height: 30px; padding: 20px;}
.sousuo_sy_l{float: left;}
.sousuo_sy_r{float: right;}

.ourcase{width: 1200px; margin: 0 auto; padding-top: 50px; }
.anli_sy{background:url(../img/anli_sy.jpg) center no-repeat; height: 344px;  width: 100%; margin: 0 auto;}
.anli_sy_roll{width: 1686px; margin: 0 auto; padding-top: 60px;}

.fangan{width: 1200px; margin: 20px auto 20px;  border-bottom: 1px solid #1e3085;}

.chanping_fl{width: 1200px; margin: 30px auto;}
.chanping_fl_l{float: left; width: 220px;}
.chanping_fl_r{ width: 1200px;}


ul.sort_sy li span a{padding-left: 30px; height: 40px; line-height: 40px; background: #519ff8; display: block; font-weight: bold; color: #fff; font-size: 15px; border-bottom: 2px solid #fff; text-align: left;}

ul.sort_sy li span a:hover{background: #2599ba; color: #fff;}

ul.sort_sy li .twolevel a{ padding-left: 40px; display: block; height: 30px; line-height: 30px; background: url(../img/dot.jpg) no-repeat #f0f0f0 10px 13px;  border-bottom: 2px solid #dcdee7; font-size: 12px; text-align: left;}
 
.ouradvan_sy{ margin: 0 auto; background: url(../img/ouradvan_sy.jpg) center no-repeat; height: 991px; overflow: hidden;}
.ouradvan_bt{width: 1200px; margin: 80px auto 20px;  border-bottom: 1px solid #1e3085;}
.ouradvan{width: 1200px; margin: 0 auto;}
.ouradvan_01{ width: 1200px; margin-top:100px; height: 220px;}
.ouradvan_01_l{float: left; width: 550px;}

.ouradvan_02{ width: 1200px; margin-top:100px; height: 220px;}
.ouradvan_02_r{float: right; width: 550px; }

.ouradvan_03{width: 1200px; margin-top:100px; height: 220px;}
.ouradvan_03_l{float: left; width: 550px;}


.liucheng{width: 1200px; margin: 50px auto;}

.about_sy{width: 1200px; margin: 50px auto 0; border-bottom: 1px solid #1e3085;}

.new_sy{width: 1200px; margin: 50px auto; overflow: hidden;}
.new_sy_gs{float: left; width: 380px;padding-top: 8px;}
.new_sy_hy{float: left; width: 380px; margin-left: 30px;padding-top: 8px;}
.new_sy_js{float: right; width: 380px;padding-top: 8px;}


.dengbj{width: 1200px; background: #000; margin:  40px auto; overflow: hidden; }

.deng{
	
	         margin: 6px 0 6px 32px;
    width: 336px;
    float: left;  
        height: 336px;  
        background: url(../img/deng.gif);
        border-radius: 50%;
         
        -webkit-animation:run 30s linear 0s infinite; 

}

.deng:hover{  
        -webkit-animation-play-state:paused;  
    }  


    @-webkit-keyframes run{  
        from{  
            -webkit-transform:rotate(0deg);  
        }  
        to{  
            -webkit-transform:rotate(360deg);  
        }  
    }  

.deng span{height: 336px; line-height: 336px; text-align: center;}

.deng1{width: 500px; float: left;}
.deng1 span{color: red;}
.deng2{width: 500px; float: right;}
.deng2 span{color: red;}










.chanpingsy{ width: 1200px; margin: 0 auto; padding-top: 50px; background-color: #0A9B8C;}
.chanpingfl{ width: 100%; background: #d3d9de; height: 40px; }
.chanpingfl1{ width: 1200px; margin: 0 auto;}

.chanpinsantu{width: 1200px; margin: 0 auto;}

.syabout{ width: 1200px; margin: 0 auto; }
.syabouttp{height: 222px; color: #fff; background: url(../img/syabout.png) no-repeat;}
.syaboutwz{padding-left: 10px; padding-right: 10px;}


.neirong{width: 100%; background: #E9EEF2;  padding-top: 40px;}

#container1{}

.box1{ padding-top:30px; padding-bottom:50px; width:1200px; margin:0 auto;}
.box1 h2{ text-align:center; font:600 24px/40px "微软雅黑"; color:#007fec; margin-bottom:30px;}
.box1 h2 span{ font:100 12px/30px "微软雅黑";}
.tu1{height:265px; width:440px; float:left; overflow:hidden; margin-right:40px; background: url(../img/1aq.jpg) left top no-repeat; }
.tu1:hover{background: url(../img/1ah.jpg) left top no-repeat; }
.tu2{height:265px; width:440px; float:left;overflow:hidden; background: url(../img/2aq.jpg) left top no-repeat;}
.tu3{height:265px; width:440px; float:right;overflow:hidden;background: url(../img/3aq.jpg) left top no-repeat;}

.tu2:hover{background: url(../img/2ah.jpg) left top no-repeat; }
.tu3:hover{background: url(../img/3ah.jpg) left top no-repeat; }


.syxinwen{width: 1200px; margin: 0 auto;}
.xinwenbeijing{width: 1200px; background: #fff; padding-top: 6px; height: 300px;}
.syxinwen h2{font-family: "黑体"; color: #0a9b8c; font-size: 20px; padding-bottom: 10px;}
.jishuzhichi{width: 330px; float: left; margin-right: 40px; padding-left: 6px;}
.hangyexinwen{width: 330px; float: left;}
.lianxiwomen{width: 440px; float: right;}

.kehuanli{width: 1200px; margin: 0 auto; padding-bottom: 30px; padding-top: 30px;}














.ds{width:1000px; margin:0 auto}
.ds ul li{float:left; margin-right:1px;}

/*container parts*/
#container{width: 1200px; margin: 0 auto; margin-top: 30px;}
.menu_cate{width: 220px;float: left; border: 1px solid #2f397a; padding: 2px; padding-bottom: 16px;}
.menu_cate h2{line-height: 28px; color:#fff; padding-left: 20px;background-color: #2f397a;font-size: 14px;font-weight: normal;font-family: "微软雅黑";}
ul.sort li a{text-align: left; display: block; height: 30px; background: url(../img/dot.jpg) no-repeat 20px 15px; line-height: 30px; border-bottom: 1px solid #dcdee7;padding-left: 47px;font-family:"微软雅黑";font-size: 14px;}
ul.sort li .twolevel a{padding-left: 60px;}

ul.listsort li{position: relative; padding-left: 16px; /*background:url(../img/d1.jpg) left center no-repeat*/border-bottom: 1px dashed #ccc;font-size: 13px;}
ul.listsort li.special{padding: 3px;}
ul.listsort li .lileft{width: 100px; height: 80px; float: left; padding-top: 3px;}
ul.listsort li .lileft img{padding: 2px; border: 1px solid #d9d9d9;}
ul.listsort li .lileft img:hover{border:1px solid #e87518;}
ul.listsort li .liright{float: right; padding: 2px; line-height: 22px; width: 255px;}
ul.listsort li .liright1{float: right; padding: 2px; line-height: 22px; width: 643px;}
ul.listsort li a{line-height: 28px;  display: block; font-family:"微软雅黑"; text-align: left;}
ul.listsort li span{position: absolute; right: 20px; top: 5px;}


ul.sort_r {width: 100%;}
ul.sort_r li {width: 31%;}
ul.sort_r li a{text-align: center; display: block; font-weight: bold; letter-spacing: 1px; height: 30px;  line-height: 30px; border: 1px solid #dcdee7;font-family:"微软雅黑";font-size: 16px;}
ul.sort_r li a:hover{background: #024fa1;color:#fff;}
ul.sort_r li .twolevel a{padding-left: 60px;}

ul.listsort_r li{position: relative; padding-left: 16px; background:url(../img/d1.jpg) left center no-repeat}
ul.listsort_r li.special{padding: 3px;}
ul.listsort_r li .lileft{width: 100px; height: 80px; float: left; padding-top: 3px;}
ul.listsort_r li .lileft img{padding: 2px; border: 1px solid #d9d9d9;}
ul.listsort_r li .lileft img:hover{border:1px solid #e87518;}
ul.listsort_r li .liright{float: right; padding: 2px; line-height: 22px; width: 168px;}
ul.listsort_r li .liright1{float: right; padding: 2px; line-height: 22px; width: 643px;}
ul.listsort_r li a{line-height: 28px;  display: block; font-family:"微软雅黑"; text-align: left;}
ul.listsort_r li span{position: absolute; right: 20px; top: 5px;}


/*about parts*/
.about{width: 674px; height:309px; float:right; background:url(../img/about.jpg) left top no-repeat; overflow:hidden}
.about h2{line-height: 42px; height:42px; position:relative}
.about .content{padding: 5px; line-height: 25px; text-indent: 20px; padding-bottom: 5px;}

/*news parts*/
.news_company{padding: 5px;
border: 1px solid #cccccc; float:left; width:290px;}
.industry{margin-top: 10px;}
.news_company h2{line-height: 28px;
color: #0673c8;
font-size: 14px;
font-weight: normal;
font-family: "微软雅黑";
padding-top: 5px;
}


/*recommend product parts*/
.recommend_product{margin-top: 10px;
padding-bottom: 6px; border:1px solid #cdcdcd; }
.recommend_product h2{margin-bottom:15px;}
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left; width:1600%}
#demo1 {float: left;}
#demo2 {float: left;}

#demorx {overflow:hidden;width:96%;margin:0 auto;}
#indemorx {float: left; width:800%}
#demo1rx {float: left;}
#demo2rx {float: left;}

#demoxp {overflow:hidden;width:96%;margin:0 auto;}
#indemoxp {float: left; width:800%}
#demo1xp {float: left;}
#demo2xp {float: left;}

#demo_case {overflow:hidden;width:100%;margin:0 auto;}
#indemo_case {float: left; width:1600%}
#demo1_case {float: left;}
#demo2_case {float: left;}

#mdemo{background:#FFF;overflow:hidden;width:96%;margin:0 auto;}
#mindemo {float: left; width:800%}
#mdemo1 {float: left;}
#mdemo2 {float: left;}

#ndemo{background:#FFF;overflow:hidden;width:96%;margin:0 auto;}
#nindemo {float: left; width:800%}
#ndemo1 {float: left;}
#ndemo2 {float: left;}
.jish{width:488px; float:left}
.jish .title{line-height: 38px;
color: #1e1e1e;
background: url(../img/bg2.jpg) left bottom no-repeat;
font-size: 16px;
font-weight: normal;
font-family: "微软雅黑";
height: 47px;
border-top: 1px solid #e1e1e1;
position: relative;}

.dn{margin-top:25px;}
.hangye{ float:right}

ul.sort1{padding-bottom:15px;}
ul.sort1 li{float:left; padding-left:15px; padding-right:15px;}
ul.sort1 li a{display: block; height: 30px;  line-height: 30px; padding-left: 0px; font-family:"微软雅黑"; color:#1288f6;}
ul.sort1 li .twolevel a{padding-left: 65px;}

.product_list{}
.product_list li{float:left;margin-left:15px; margin-right:13px;padding-bottom:15px;_display:inline;}
.product_list li a.img{padding:2px;border:1px solid #D5D5D5; display:block;}
.product_list li a img{width:260px;height:200px;}
.product_list li h3{text-align:center;padding-top:5px; margin-top:1px; font-weight:normal;}
.product_list li h3 a{font-weight:normal;}
.product_list li h3 a:hover{color:#e87518;}
.product_list li a.img{display:block;}
.product_list li a.img:hover{border-color:#e87518;}
.roll_product li{padding-bottom:0px; float:left;padding:2px;}
.roll_product{float:left;} 


/*download parts*/
.download{width:325px; float: left;border: 1px solid #2f397a;padding: 2px;padding-bottom: 9px; margin-top: 10px;}
.download h2{line-height: 28px; color:#fff; padding-left: 20px;background-color: #2f397a;font-size: 14px;font-weight: normal;font-family: "微软雅黑";}


/*technical parts*/
.technical{width:325px; float: left;border: 1px solid #2f397a;padding: 2px;padding-bottom: 9px; margin-top: 10px; margin-left: 15px;}
.technical h2{line-height: 28px; color:#fff; padding-left: 20px;background-color: #2f397a;font-size: 14px;font-weight: normal;font-family: "微软雅黑";}
.technical .content{padding:5px; padding-bottom: 0;}

/*job parts*/
.job{width:300px; float: right;border: 1px solid #2f397a;padding: 2px;padding-bottom: 9px; margin-top: 10px;}
.job h2{line-height: 28px; color:#fff; padding-left: 20px;background-color: #2f397a;font-size: 14px;font-weight: normal;font-family: "微软雅黑";}

 
/* link parts*/
#link{width: 1200px; margin: 0 auto; margin-top: 10px;border: 1px solid #e0e1dc;padding: 2px;}
#link h2{line-height: 28px; color:#333; padding-left: 20px;font-size: 14px;font-weight: normal;font-family: "微软雅黑"; float: left;}
#link h2 a{font-weight:normal; padding-left:5px; padding-right:5px; color:#333;}
#link .content a{padding: 2px; padding-left: 8px; padding-right: 8px; float: left;}
#link .content a:hover{background: #ff0000; color: #fff;}


/* footer parts*/
#footer{width: 1200px; margin: 0 auto; color: #fff;   padding-bottom: 30px;  padding-bottom:15px;}
#footer .nav_foot{padding-top: 15px; padding-bottom: 5px; text-align: center;}
#footer .copyright{line-height: 24px; text-align: center;}
#footer .technology{text-align: center;}



/* commen css */
.commentitle{background: url(../img/rg.jpg) repeat-x;line-height: 28px; font-family: "微软雅黑"; border: 1px solid #d2d2d2;padding-left: 8px;}
.downdetail{margin-top:10px;}



.sy_dibu{background:  #05582f; margin: 0 auto; }
.sy_dibu a:link{color:#333;}
.sy_dibu a:visited{color:#444;}


.wzy{width: 1200px; margin: 0 auto; overflow: hidden; }
.wzy div { float: left;width: 294px;height: 385px; color: #fff;background-size:cover}

.wzy p{border-bottom: 2px solid #646464; width: 90px; text-align: center; margin-left: 51px; padding-top: 10px; }
.wzy span{ height: 60px; line-height: 60px; font-size: 16px; padding: 20px; font-weight: bold; padding: 32px; display: block;}
.wzy b{height: 90px; line-height: 90px; font-size: 20px; font-family: "微软雅黑"; display: block; }


.wzy_1 {background: url(../img/sy_1.png) no-repeat center;background-size: cover;
   /* background: -webkit-linear-gradient(-45deg, #519ff8, #9ed2ff);*/ /* Safari 5.1 - 6.0 */
    /*background: -o-linear-gradient(-45deg, #519ff8, #9ed2ff);*/ /* Opera 11.1 - 12.0 */
     /* Firefox 3.6 - 15 */
    /*background: linear-gradient(-45deg, #519ff8, #9ed2ff); *//* 标准的语法（必须放在最后） */
    /*margin:0 4px 0 0;*/}

.wzy_1:hover{color: #519ff8; background: url(../img/sy_1_1.png) no-repeat center; /*transition: 1s ease-in-out; opacity:0.8;*/ }



.wzy_2{background: url(../img/sy_2.png) no-repeat center;/*background: -webkit-linear-gradient(45deg, #519ff8, #9ed2ff);*/ /* Safari 5.1 - 6.0 */
   /* background: -o-linear-gradient(45deg, #519ff8, #9ed2ff);*/ /* Opera 11.1 - 12.0 */
   /* background: -moz-linear-gradient(45deg, #519ff8, #9ed2ff); *//* Firefox 3.6 - 15 */
   /* background: linear-gradient(45deg, #519ff8, #9ed2ff);*/ /* 标准的语法（必须放在最后） */
    /*margin:0 4px;*/}
.wzy_2:hover{color: #519ff8;  background: url(../img/sy_2_1.png) no-repeat center; /*transition: 1s ease-in-out; opacity:0.8;*/}

.wzy_3{background: url(../img/sy_3.png) no-repeat center;/*background: -webkit-linear-gradient(-45deg, #519ff8, #9ed2ff);*/ /* Safari 5.1 - 6.0 */
    /*background: -o-linear-gradient(-45deg, #519ff8, #9ed2ff);*/ /* Opera 11.1 - 12.0 */
    /*background: -moz-linear-gradient(-45deg, #519ff8, #9ed2ff);*/ /* Firefox 3.6 - 15 */
    /*background: linear-gradient(-45deg, #519ff8, #9ed2ff);*/ /* 标准的语法（必须放在最后） */
     /*margin:0 4px;*/}
.wzy_3:hover{color: #519ff8; background: url(../img/sy_3_1.png) no-repeat center; /*transition: 1s ease-in-out; opacity:0.8;*/}

.wzy_4{background: url(../img/sy_4.png) no-repeat center;/*background: -webkit-linear-gradient(45deg, #519ff8, #9ed2ff);*/ /* Safari 5.1 - 6.0 */
    /*background: -o-linear-gradient(45deg, #519ff8, #9ed2ff);*/ /* Opera 11.1 - 12.0 */
    /*background: -moz-linear-gradient(45deg, #519ff8, #9ed2ff);*/ /* Firefox 3.6 - 15 */
    /*background: linear-gradient(45deg, #519ff8, #9ed2ff);*/ /* 标准的语法（必须放在最后） */
     /*margin:0 0 0 4px;*/}
.wzy_4:hover{color: #519ff8; background: url(../img/sy_4_1.png) no-repeat center; /*transition: 1s ease-in-out; opacity:0.8;*/}






.cpzx{width: 1200px; margin: 20px auto 20px; border-bottom: 1px solid #1e3085; color: #1e3085;}



    /*右侧悬浮菜单*/
    .slide{
        width: 50px;
        height: 250px;
        position: fixed;
        top: 50%;
        margin-top: -126px;
        background: #018D75;
        right: 0;
        border-radius: 5px 0 0 5px;
        z-index: 999;
    }
    .slide ul{
        list-style: none;
    }
    .slide .icon li{
        width: 49px;
        height: 50px;
        background: url(../img/icon.png) no-repeat;
    }
    .slide .icon .up{
        background-position:-330px -120px ;
    }
    .slide .icon li.qq{
        background-position:-385px -73px ;
    }
    .slide .icon li.tel{
        background-position:-385px -160px ;
    }
    .slide .icon li.wx{
        background-position:-385px -120px ;
    }
    .slide .icon li.down{
        background-position:-330px -160px ;
    }
    .slide .info{
        top: 50%;
        height: 147px;
        position: absolute;
        right: 100%;
        background: #018D75;
        width: 0px;
        overflow: hidden;
        margin-top: -73.5px;
        transition:0.5s;
        border-radius:4px 0 0 4px ;
    }
    .slide .info.hover{
        width: 145px;
        
    }
    .slide .info li{
        width: 145px;
        color: #CCCCCC;
        text-align: center;
    }
    .slide .info li p{
        font-size: 1.1em;
        line-height: 2em;
        padding: 15px;
        text-align: left;
    }
    .slide .info li.qq p a{
        display: block;
        margin-top: 12px;
        width: 100px;
        height: 32px;
        line-height: 32px;
        color: #00DFB9;
        font-size: 16px;   
        text-align: center;
        text-decoration: none;
        border: 1px solid #00DFB9;
        border-radius: 5px;
    }
    .slide .info li.qq p a:hover{
        color: #FFFFFF;
        border: none;
        background: #00E0DB;
    }
    .slide .info li div.img{
        height: 100%;
        background: #DEFFF9;
        margin: 15px;
    }
    .slide .info li div.img img{
        width: 100%;
        height: 100%;
    }
    /*控制菜单的按钮*/
    .index_cy{
        width: 30px;
        height: 30px;
        background: url(../img/index_cy.png);
        position: fixed;
        right: 0;
        top: 50%;
        margin-top: 140px;
        background-position: 62px 0;
        cursor: pointer;
    }
    .index_cy2{
        width: 30px;
        height: 30px;
        background: url(../img/index_cy.png);
        position: fixed;
        right: 0;
        top: 50%;
        margin-top: 140px;
        background-position: 30px 0;
        cursor: pointer;
    }

    /*自适应 当屏小于1050时隐藏*/
    @media screen and (max-width: 1050px) {
        .slide{
            display: none;
        }
        #btn{
            display: none;
        }
        
    }




.xwbt{width: 1200px;
    margin: 80px auto 20px;
    border-bottom: 1px solid #1e3085;}

.xwtp{width: 1200px;margin: 0 auto;}
.xwtp1{width: 400px;margin: 0 auto;float: left;}
.xwtp2{width: 400px;margin: 0 auto;float: left;}
.xwtp3{width: 400px;margin: 0 auto;float: left;}



.gc{width: 1200px;margin: 0 auto;background: url(../img/gc.jpg)no-repeat;}


ul.sort li a:have{background: #024fa1;color:#fff;}