/* ==========================================================================
   Global  c1:#119ee1;
   ========================================================================== */
html {
   font-size: 62.5%;
}
a {
   color: #666;
}
a:hover {
   color: #007d33;
}
body {
   color: #6d7073;   font: 12px/1.6 Arial, Helvetica, sans-serif,"Microsoft Yahei";background: #fff;
   width: 100%;}
.container {width: 100%;padding:0;}
 .wrapper {
        max-width: 1200px;
        /*min-width: 980px; */
        _width: 1200px;
        padding: 0 10px;
        margin-left: auto;
        margin-right: auto;
    }

    
    .wrapper:after,
    .row:after {
        content: "";
        display: table;
        clear: both;
    }

/* ==========================================================================
   Header
   ========================================================================== */

header { }
header .wrapper { min-height: 80px; position: relative; z-index: 99; }
.logo { position: absolute; padding-top: 5px; }
.logo a { display: block; width: 157px; height: 49px; text-indent: -9999px; overflow: hidden; background-image: url(../images/logo.png); background-repeat: no-repeat; background-position: 0 0; -webkit-background-size: 100% auto; background-size: 100% auto; }
 @media only screen and (max-width: 1000px) {
.logo { display: none; }
}
/* ==========================================================================
   Nav
   ========================================================================== */
/* primary */
.globalnav { position: absolute; z-index: 999; right: 0; top: 16px; font-family: microsoft yahei; }
.globalnav li { float: left; }
.globalnav li a { display: block; color: #444; padding: 0 20px; font-size: 14px; line-height: 42px; font-family: microsoft yahei; }
.globalnav .nav-sep { width: 2px; height: 42px; background: url(../images/nav-sep.gif) no-repeat 0; }

.dropdown { position: absolute; z-index: 999; background: #fff; display: none; padding: 15px 0; border-top: 1px solid #f5ad18;border-bottom: 3px solid #f5ad18; margin-left: -70px; top: 100%; width: 200px;  }
.dropdown a { white-space: nowrap; line-height: 30px; font-size: 12px; padding: 0; color: #666; background: none; border-bottom: 0 none; width: 100%; display: block; text-indent: 10px; }
.dropdown a .fa { font-size: 12px; line-height: 30px; color: #ccc; padding-right: 5px; }
.dropdown a:hover,
.dropdown a:hover .fa { color: #f5ad18; }
.gn-list .active1{  background-color: #f5ad18;}
#globalnav li.active1 .gn-link{color: #fff;}
#globalnav li.active1 .gn-link:hover{color: #fff;}
 @media only screen and (max-width: 1000px) {
.gn-list .active1{  background-color: #fff;}
#globalnav li.active1 .gn-link{color: #333;}
#globalnav li.active1 .gn-link:hover{color: #333;}
}


.navigation{position: absolute;top:10px;right:70px;border:1px solid #e4e4e4;width:30px; height: 30px; display: block;
  line-height: 30px; text-align: center;
   -webkit-border-radius: 50%; 
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   border-radius: 50%;
}
.navigation a{color:#000;font: 300 14px/18px microsoft yahei;}
.navigation:hover{ background: #007d33;border:1px solid #007d33;}
.navigation:hover a{color: #fff;}

.serchinco{position: absolute; right:0; top: 0px; font: 300 12px/24px microsoft yahei;cursor: pointer;z-index: 999; color: #cbdcf1;width: 60px; height: 60px; background: #f4f6f8; text-align: center;}
.serchinco .fa{font-size: 20px; line-height: 60px;}
.globalsearch{display: none;}
.globalsearch{position: absolute; top: 60px; right:0;width: 280px;background: #fff;padding:15px;z-index: 99; }
.globalsearch #q, .globalsearch .search-btn {  border: 0 none; float: left; }
.globalsearch #q { width: calc(100% - 60px); height: 18px; padding: 10px 40px 10px 10px; line-height: 18px; background: #fff;border:1px solid #007d33;font: 300 12px/18px microsoft yahei;  }
.globalsearch .search-btn { width: 40px; height: 40px; cursor: pointer; background: url(../images/btn_ser.png) no-repeat center;margin-left: -50px;  }

 @media only screen and (max-width: 1000px) {
.serchinco{ right:50px; top: 0px; width: 48px; height: 48px;}
.serchinco .fa{font-size: 20px; line-height: 48px;}
.globalsearch{position: absolute; top: 48px;}
  .navigation{right:106px; top: 6px;}
}


/* ==================================
   banner
   ================================== */
#banner .slides .pic { display: block; }
#banner .slides .mpic { display: none; }

@media only screen and (max-width: 640px) {
    #banner .slides .pic { display: none; }
    #banner .slides .mpic { display: block; }
}

.content_bg{width:100%;height: 40px; overflow: hidden;background: url(../images/content_bg.png)  center no-repeat; position: relative; margin-top: -40px; z-index: 99;}
.home_main {height: auto; overflow: hidden;padding-bottom: 80px;}

.hsildeimg{ width:380px; height:300px; float: left;  text-align: center; line-height: 300px; overflow:hidden; position:relative;}
.hsildeimg .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.hsildeimg .hd ul{ overflow:hidden; zoom:1; float:left;  }
.hsildeimg .hd ul li{ float:left; margin-right:5px;  width:10px; height:10px; background:#b7b7b7; cursor:pointer; 
   -webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}
.hsildeimg .hd ul li.on{ background:#e2000b; }
.hsildeimg .bd{ position:relative; height:100%; z-index:0;   }
.hsildeimg .bd li{ zoom:1; vertical-align:middle; }
.hsildeimg .bd img{  }

.home_main .mode01{width: 30%; height: 300px; overflow: hidden; float: left;}
.home_main .about01{width: 100%; height: 150px; position: relative; cursor: pointer;}
.home_main .about01 .title{position: absolute;top: 0; left: 0;}
.home_main .about01 .title .txt01{font: 700 18px/24px microsoft yahei; color: #0d3480;padding:45px 0 0 36px;}
.home_main .about01 .title .txt02{font: 700 12px/24px microsoft yahei; color: #ff1b0a;text-transform:Uppercase;padding:0 0 0 39px;}
.home_main .about01 img{width: 100%;height: 100%;transition: transform 2s;}
.home_main .about01:hover img{transform: scale(1.1);}
.home_main .about02{width: 100%; height: 150px;overflow: hidden; position: relative;cursor: pointer;}
.home_main .about02 .title .txt01{font: 700 18px/24px microsoft yahei; }
.home_main .about02 .title {text-align: right;padding: 60px 30px 0 0; color: #fff;position: absolute;top: 0; right: 10px;}
.home_main .about02 .title .txt02{font: 700 12px/24px microsoft yahei;text-transform:Uppercase;}
.home_main .about02 img{width: 100%;height: 100%;transition: transform 2s;}
.home_main .about02:hover img{transform: scale(1.1);}


.i-news {   width: calc(70% - 460px);  float: left; height: 270px;padding:30px 40px 0 40px; position: relative; overflow: hidden; background: #f6f9fe;}
.i-news ul{width: 100%; height: 230px; overflow: hidden; }
.i-news li{width:100%; height: 180px; overflow: hidden; float: left;font: 300 12px/24px microsoft yahei;}
.i-news li h3{font: 300 18px/24px microsoft yahei;}
.i-news li .desc{margin-top: 10px;}
.i-news .hd{ height: 60px; overflow: hidden;position: absolute;bottom: 0;left: 0;}
.i-news .hd .next , .i-news .hd .prev{ width: 60px; height: 60px; display: block; float: left; cursor: pointer; transition:all 300ms ease 0s;}
.i-news .hd .prev{background: url("../images/down_btn.jpg") no-repeat left top;}
.i-news .hd .next{background: url("../images/up_btn.jpg") no-repeat left top;}
.i-news .hd .prev:hover{background: url("../images/down_btn.jpg") no-repeat left bottom;}
.i-news .hd .next:hover{background: url("../images/up_btn.jpg") no-repeat left bottom;}
.i-news .i-news-t { position: absolute; right: 25px; bottom:10px;width: calc(100% - 120px);  text-align: right;}
.i-news .i-news-t span{ color: #e2000b;font: 300 12px/24px microsoft yahei; text-transform:Uppercase;margin-right: 10px;}
.i-news .i-news-t h3{  color: #093386;font: 300 24px/24px microsoft yahei; color: #0d3480;}
.title_line{background: url("../images/line01.png") no-repeat center; text-align: center;font: 300 30px/30px microsoft yahei; color: #333;margin-bottom: 20px;}
@media only screen and (max-width: 1000px) {
  .i-news {width: calc(100% - 80px);float: none;  }
  .home_main .mode01{width:400px;}
  .hsildeimg{}
}
@media only screen and (max-width: 767px) {
  .home_main .mode01{float: none;margin:0 auto;}
  .hsildeimg{width:100%;float: none;margin:0 auto;}
}
/* ==========================================================================
   Footer
   ========================================================================== */
footer {position: fixed; bottom: 0; left: 0; z-index: 9999; color: #333;background: #fff;font: 300 12px/24px microsoft yahei; padding:10px 0; width:100%; }
footer a { color: #333; }
footer a:hover { text-decoration: underline; }

.homeshare{color:#333; }
.homeshare a{color:#fff; font-size: 13px;padding:2px 7px; background:url(../images/inco01.png) top center no-repeat;}
.homeshare a:hover{background:url(../images/inco02.png) top center no-repeat;}
.homeshare .mode{text-align: center; float: left;margin-right: 10px;}

.toggle-btn { display: none;}

@media only screen and (max-width: 767px) {
    .toggle-btn {
        display: block;
        position: absolute;
        right: 20px;
        top: 10px;
        transition: all 0.5s;
    }
    
    .inner-cont > p img {
        width: 100%;
        height: auto;
        padding-bottom: 20px;
    }
    
.gn-item:hover .toggle-btn {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}