@charset "utf-8";

/* CSS Document */

*{ margin: 0;padding: 0;}

body { font-size:14px;line-height:26px;color:#333333; font-family:Microsoft YaHei,SimSun; -webkit-text-size-adjust:none; overflow-x:hidden;}

a{ color:#333333; text-decoration:none; cursor:pointer;transition:all 0.3s;}

a:hover{ text-decoration:none;transition:all 0.3s;}

ul {list-style: none;}

li{ list-style-type:none;}

img{border:0;}

.fl{float: left;}

.fr{float: right;}

.w1200{width: 1200px; }

.ho{height: auto;overflow: hidden;}

.cl{clear: both;}

.mr{margin: 0 auto;}

.wot{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}











/*-------------- top --------------*/





.navboxs{width: 100%;

background: rgb(16,155,90);

background: -moz-linear-gradient(top, rgba(16,155,90,1) 0%, rgba(2,141,76,1) 50%, rgba(2,140,71,1) 50%, rgba(16,155,90,1) 100%); 

background: -webkit-linear-gradient(top, rgba(16,155,90,1) 0%,rgba(2,141,76,1) 50%,rgba(2,140,71,1) 50%,rgba(16,155,90,1) 100%); 

background: linear-gradient(to bottom, rgba(16,155,90,1) 0%,rgba(2,141,76,1) 50%,rgba(2,140,71,1) 50%,rgba(16,155,90,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#109b5a', endColorstr='#109b5a',GradientType=0 ); }









.nav a {color: #fff;}

.nav .nLi {float: left;position: relative;display: inline;width: 11%;}

.nav .nLi h3 {float: left;line-height: 45px;display: block;margin:0;}

.nav .nLi h3 a {display: block;padding: 0 20px;font-size: 17px;font-weight: bold;}

.nav .sub {display: none;left: 0;top: 45px;position: absolute;background: #038e4d;line-height: 32px;padding: 5px 20px;

        z-index: 9999999;-webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;}

.nav .sub li {zoom: 1;line-height: 35px;}

.nav .sub a {display: block;padding: 0 10px;}

.nav .sub a:hover {background: #0d8a50;color: #fff;}

.nav .on h3 a {background: #0d8a50;color: #fff;}





















.types{margin-bottom: 40px;height: auto;overflow: hidden;}

.types li a{display: block;width: 100%;height: 100%;margin-bottom: 10px;line-height: 35px;text-align: center;border:1px solid #666666;color: #666666;}





.search{height: 40px;width: auto;display: inline-block;border-radius: 30px;vertical-align: middle;background: #25272b;}

.search .in_text {border: medium none;color: #717274;float: left;height: 20px;width: 400px;background: none;font-size: 16px;padding: 10px 20px;transition: all 0.5s;outline: none;}

.search .in_text:hover {width: 500px;}

.search .so {border: medium none;float: right;height: 40px;

    text-indent: -9999px;width: 40px;cursor: pointer;}





.top-left{font-size: 17px;text-align: center;}



#head{width: 100%;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d1d1d1+0,ffffff+100 */

}

#head .container-fluid{padding-left:0;padding-right:0;}

.top{ height: 43px;line-height: 43px;

    background: rgb(209,209,209); /* Old browsers */

background: -moz-linear-gradient(top, rgba(209,209,209,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, rgba(209,209,209,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, rgba(209,209,209,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */



}





.head_inner_top{height: 100%; margin: 0 auto;color: #3a3a3a; overflow: hidden;font-size: 12px;}

.head_inner_top i{font-size: 14px!important;}

.head_inner_top>*{transition: 0.5s;}

.head_inner_top .left{ float: left;  height: 100%;text-align: center;color: #999; font-size: 14px;}

.head_inner_top .right{ float: right; height: 100%; text-align: left;text-indent: 2em;}

.head_inner_top .right a{color: #999;}

.head_inner_top .right .site{ padding-left: 12px; background: url(../Image/icon_site.png) no-repeat center left;}

.head_inner_top .right .contact{ padding-left: 12px; background: url(../Image/icon_phone.png) no-repeat center left; margin-left: 5px;}

.head_inner_top .right a:hover{ color: #fdad03}











.top-1{float: left;background: none; cursor:pointer;width: 330px;text-align: center;}

.top-1 i{position: relative;top:1px;}



.top-2{padding: 0 15px;float: right;cursor:pointer;text-align: center;}

.top-3{padding: 0 15px;float: right;cursor:pointer;text-align: center;}

.top-3 a{color: #fff;}

.top-4{padding: 0 15px;float: right;cursor:pointer;text-align: center;}

.top-5{float: right;margin:0 5px;}

.top-5-1{padding: 0 15px;float: left;cursor:pointer;width: 186px;transition: 0.5s;}





.top-5-2{padding: 0 15px;float: left;cursor:pointer;transition: 0.5s;}

.top-5-2 i{}

.top-5-2 a{color: #9a999a;}



.top-5-3{padding: 0 15px;float: left;cursor:pointer;transition: 0.5s;}

.top-5-3 i{}

.top-5-3 a{color: #9a999a;}







.top-4 i{}

.top-4 a{color: #fff;}



.top-5 form{ margin:10px 0 ;overflow: hidden;border-radius: 5px;}

.top-5 .btn{ float: right; width:34px; height: 27px; border: 0; color: #fff; font-size: 14px; text-indent: 14px; background: #db2435 url(../Image/icon_search.png) no-repeat center center;outline: none;}

.top-5 .btn:hover{ background-color: #0470bd; cursor: pointer;}

.top-5 .words{ float: right; width:150px; height: 25px; border: 1px solid #ccc; text-indent: 5px;border-radius: 5px  0 0 5px;transition: 0.5s ease-in;outline: none;}









.top-5-1:hover{background: #d31a28;color: #fff;width: 230px;}

.top-5-1:hover .words{border-bottom: 2px  solid #fff; background: none;border-top:none;border-left:none;border-right:none;color: #fff;border-radius: 0px;}

.top-5-1:hover .btn{background: url(../Image/icon_search.png) no-repeat center center;}

.top-5-2:hover{background: #d31a28;color: #fff;}

.top-5-2:hover a{color: #fff;}

.top-5-2:hover a{color: #fff;}

.top-5-3:hover{background: #d31a28;color: #fff;}

.top-5-3:hover a{color: #fff;}

.top-5-3:hover a{color: #fff;}













.ta{width: 27%;padding-top: 47px;}

.bottom{ height: 68px; background-color: #fff; text-align: center;border-top:1px solid  #f7f7f7;border-bottom: 3px solid  #dbdbdb;}

.head_inner_center{ height: 80px; margin: 0 auto; overflow: hidden;transition: 0.5s;}

.head_inner_center .left{ float: left; overflow: hidden;}

.head_inner_center .left img{ transition: 0.5s;max-width: 100%;}

.head_inner_center .right{ height: 100%;}

.head_inner_center .right .l{ float: right; width: 38px; height: 38px; margin: 19px 5px 0 0;}

.head_inner_center .right .r{ float: right; width: 170px; height: 60px; margin-top: 10px;}

.head_inner_center .right .r span{ display: block; font-size: 14px;}

.head_inner_center .right .r b{ font-size: 26px; color: #d31a28;font-family: impact;}











.navbox{width: 100%;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#109b5a+0,028d4c+50,028c47+50,109b5a+100 */

background: rgb(16,155,90); /* Old browsers */

background: -moz-linear-gradient(top, rgba(16,155,90,1) 0%, rgba(2,141,76,1) 50%, rgba(2,140,71,1) 50%, rgba(16,155,90,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, rgba(16,155,90,1) 0%,rgba(2,141,76,1) 50%,rgba(2,140,71,1) 50%,rgba(16,155,90,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, rgba(16,155,90,1) 0%,rgba(2,141,76,1) 50%,rgba(2,140,71,1) 50%,rgba(16,155,90,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#109b5a', endColorstr='#109b5a',GradientType=0 ); /* IE6-9 */}





.navi{text-align: center;margin:0 auto;}

.navi a{ float: left; display:block;text-align: center; font-size: 14px; color: #fff;border-radius: 0px;transition: 0.1s;padding:0 34px;line-height: 50px;}

.navi a:hover{background: #09b363;}

.top-youshi{width: 100%;

	background: url('../Image/top-youshibg.jpg') #0d7f4c no-repeat top center;

}









.top-youshis{color: #333333;padding:0!important;}



.top-youshis-1{height: 155px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;float: left;cursor: pointer;border-radius:0;transition:  height 0.2s ease, background 0.5s ease, border-radius 0.5s ease, transform  1s ease, padding-top 1s ease; line-height: 155px;}







.top-youshis-1 a{display: block;width: 100%;line-height: 155px;height: 100%;text-align: center;}

.top-youshis-1 img{display: inline-block;line-height: 155px;vertical-align: middle;max-width: 100%}





.top-youshis-2{height: 155px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;float: left;cursor: pointer;border-radius:0;-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

}

.top-youshis-2s{margin:30px;background: rgba(0, 0, 0, 0.2);height: auto;overflow: hidden;-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;padding-left: 10px;}

.top-youshis-2 li{float: left;line-height: 35px;color: #fff;}

.top-youshis-2 li span{color: #feb300;}







.top-youshis-3{height: 175px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;float: left;cursor: pointer;border-radius:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-top: 30px; }







.top-youshis-3 img{max-width: 100%;margin:0 auto;display: block;}

.top-youshis-3 .right{width: 100%;}



.top-youshis-3 .right{ float: right;}

.top-youshis-3 .right .l{ float: right;}

.top-youshis-3 .right .l i{font-size: 48px;color: #fff;position: relative;top:13px;right: 10px;font-weight: lighter;}

.top-youshis-3 .right .r{ float: right; width: 235px; height: 60px; }

.top-youshis-3 .right .r span{ display: block; font-size: 14px;color: #fff;}

.top-youshis-3 .right .r b{ font-size: 26px; color: #feb300;font-family: impact;font-weight: lighter;}





.top-youshis-3 .right form{ margin-top: 7px; overflow: hidden;float: left;}

.top-youshis-3 .right .btn{ float: right; width: 60px; height: 37px; border: 0; color: #fff; font-size: 14px; text-indent: 14px; background: #006737 url(../Image/icon_search.png) no-repeat 8px 11px;outline: none;}

.top-youshis-3 .right .btn:hover{ background-color: #feb300; cursor: pointer;}

.top-youshis-3 .right .words{ float: right; width: 154px; height: 35px; border: 1px solid #4db484; text-indent: 5px;background: #4db484;color: #fff;outline: none;}











.news-lis{height: auto;}



.news .news_two_box{display: block;width: 100%;height: auto;float: left;

    border: 1px solid transparent;

    position: relative;

    background: #fff;

    transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;margin:30px auto;padding:20px;margin-top: 0px;}

.news  .news_two_img{padding-left:0;}

.news .news_two_box img{display: block;width: 100%;}

.i_buttontext{width: 20%;margin:0 auto;border-radius: 30px;height: 30px;line-height: 30px!important;border:1px solid #f1efef;text-align: center;font-style: normal;text-transform : uppercase;}



.news_two_box span{display: block;width: 100%;

    font-size: 16px;

    line-height: 35px;



    color: #717171;

    transition: all .3s ease-out 0s;}

.news_two_txt i{display: block;width: 100%;color: #A2A2A2;line-height: 24px;display: block;

    overflow: hidden;transition: all .3s ease-out 0s;font-style: normal;



text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;







  }

.ser_but i{height: 35px;line-height: 35px;transition: all 0.3s;}

.news .news_two_box:hover{    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);

    -webkit-transform: translate3d(0, -6px, 0);

    transform: translate3d(0, -6px, 0);}















.in-06{width: 100%;padding-bottom: 76px;height: auto;overflow: hidden;background: #f2f2f2;}





.newsc {height: 460px;background: #fff;padding:16px 32px; width: 1130px;border:1px solid #e3e3e3;}

.newsc_l{float: left;}

.newsc_l_c {}

.newsc_l_c01{background: #fff;height: auto;overflow: hidden;}





.newsa {display: block;width: 100%;background: #fff;}



.newsc_r{width: 590px;float: right;}

.newsc_r li{margin:10px 0;height: 200px;}





.newsc_r02 {width: 100%;margin:5px 0;line-height: 32px; font-size: 14px; color: #666666; height: 150px; border-bottom: 1px dashed #ccc;}

.bbt{width: 100%;border-bottom: 2px solid #afafaf; height:48px; line-height: 48px;}

.newsc_r li:hover  .newsc_r01{color: #018ccd;}



.newsc_r_c{}

.newsc_r_c li{width: 100%;height: 360px;height: 60px;border-radius: 30px;background: #f5f5f5;line-height: 60px;text-indent: 28px;margin-bottom: 10px;}



.newsc_r_c-1{background: #fff;padding-top:15px;padding-bottom: 15px;}

.newsc_r_c-1 img{display: block;width: 100%;}



.newsc_l_c0101 {padding:20px 0;background: #fff;}

.newsc_l_c0101-1{text-align: center;font-size: 35px;color: #000;}

.newsc_l_c0101-1 i{font-size:20px;display: block;width: 100%;font-style: normal;}

.newsc_l_c0101-1 span{font-size: 15px;color: rgba(0, 0, 0, 0.7);}

.newsc_l_c0101-2{}

.newsc_l_c0101-2-1{color: #000;font-size: 16px;width: 100%;}

.newsc_l_c0101-2-2{padding-top: 8px;color: rgba(0, 0, 0, 0.6)}

.newsc_l_c01:hover{background: #009b4d;}

.newsc_l_c0101:hover{background: #009b4d;}

.newsa:hover .newsc_l_c0101-1 {color: #fff;}

.newsa:hover .newsc_l_c0101-1 span {color: #fff;}

.newsa:hover .newsc_l_c0101-2-1 {color: #fff;}

.newsa:hover .newsc_l_c0101-2-2 {color: rgba(255, 255, 255, 0.6);}







.nybanner{height: 600px;background: url('../Image/nyb.jpg') no-repeat top center;}









.top-youshis-1-1{width: 55px;}

.top-youshis-1-1 i{font-size:45px;position: relative;top:10px;right: 5px;}

.top-youshis-1-2{width: 180px;}

.top-youshis-1-2 span{display: block;width: 100%;font-size: 22px;font-weight: lighter;}

.center{width: 100%;transition: 0.5s;background: #fff;}







.fly{position: fixed;top:0px;height: 70px;z-index: 996;transition: 0.5s;border-bottom: 1px solid #f9f7f7;}

.fly .head_inner_center{height:65px;}

.fly .head_inner_center .left img{margin-top: 5px;transform:scale(0.8,0.8);}

.fly .navi{margin-top: 10px;}



#item{ margin-top: 50px;}

#item .hd{ width: 1200px; height: 216px; margin: 0 auto;}

#item .hd ul{ float: left;}

#item .hd li{ float: left; width: 252px; height: 216px;background: #22394b;}

#item .hd li a{ display: block; height: 216px; border-right: 1px solid #6b7a86; background-color: #22394b; transition: all 1s;position: relative;bottom:0px;margin:0 auto;}

#item .hd li a:hover{ height: 220px; background-color: #d31a28;border-right: 1px solid #d31a28;position: relative;bottom: 5px;}

#item .hd li b{ width: 91px; height: 60px;transition: 0.5s;display: block;margin:0 auto;}

#item .hd li b img{padding-top: 40px;display: block;}

#item .hd .right{ width: 100%; text-align: center;padding-top: 60px;}

#item .hd .right p{ color: #fff; font-size: 20px;font-weight: bold;}

#item .hd .right span{text-transform: uppercase; font-size: 12px;color: rgba(255, 255, 255, 0.5);}





#item .hd .more{ float: right; width:192px; height: 216px; background-color: #22394b;}

#item .hd .more a{ display: block; height: 100%; text-align: center;}

#item .hd .more a i{ display: block; height: 100%; text-align: center;width: 44px;height: 44px;font-size: 55px;color: #fff;margin:60px auto 0;}



#item .hd .more .right{padding-top: 0px!important;}

#item .hd .more .right p{padding-top: 6px!important;font-size: 20px;}





#item .hd .more img{ margin-top: 35px;}

#item .hd .more p{ color: #fff; font-size: 14px; margin-top: 10px;}

#item .hd .more a:hover p{ color: #ffb300}











#item .bd{ width: 1200px; height: 530px; margin: 0 auto; overflow: hidden;}

#item .bd ul{ height: 530px; overflow: hidden;}

#item .bd li{ float: left; width: 385px; height: 440px; overflow: hidden;}

#item .bd a{ display: block; position: relative;}

#item .bd span.t-t{ display: block; color: #333333; font-size: 17px; line-height: 56px; text-align: center;border-bottom: 3px solid #e0e0e0;transition: 0.5s;font-weight: bold;}

#item .bd a:hover span.t-t{border-bottom: 3px solid #9e141e;background: #d70310;color: #fff;}

#item .bd a:hover{box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);    transform: translate3d(0, -6px, 0);}







.big-t{width: 100%;background: #f5f5f5;}



.b-tit{background: #f4f4f4;margin:40px auto;}

.big-t-l{line-height: 50px;}

.big-t-l-s{ float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 35px;background: url(../Image/comrbg.png) no-repeat left;}



.big-t-l-s span{ float: left;display: block;font-size: 18px; color: #333333;font-weight: bold;}

.big-t-l-s i{width:120px; float: left;display: block;font-style:normal;color: #666666;font-size:20px;text-transform : uppercase;}



.big-t-l-c a{display: block;line-height: 55px;text-align: center;color: #333333;font-size: 14px;float: left;}

.big-t-l-c a:hover{background: #d41e26;color: #fff;}

.big-t-r{float: right;line-height: 50px;text-align: right;font-size: 14px;color: #666666;}

.big-t-r a{color: #666;}











#searchb{border-top:1px solid  #f7f7f7;border-bottom: 1px solid  #eeeeee;background: #fbfbfb;}

#search{ width: 1200px; height: 78px; margin: 0 auto;}

#search .left{ float: left; height: 100%; padding-left: 20px; background: url(../Image/icon_hot.png) no-repeat center left;line-height: 78px;}

#search .left a{ font-size: 14px; color: #999; line-height: 45px;margin-right: 5px;}

#search .left a:hover{ color: #db2436}

#search .left span{ float: left; font-size: 16px; color: #333; line-height:78px; margin-right: 10px;}

#search .right{ float: right; height: 100%; overflow: hidden;}







.banner{ width:1200px; height:605px; position:relative;margin:0 auto;}

/*banner*/

.banner_index{height:605px;position: relative;overflow:hidden;width: 1920px; left:-360px;}



.banner_index1{ width:1200px; height:605px; margin:0 auto; position:relative;}



.banner_index .btn,.banner_pro .bBtn{position: absolute;top:400px;width: 56px;height: 78px;display: block;z-index: 3;}

.banner_index .btnPre,.banner_pro .bPre{background: url(../Image/bg_btnPre_index.png) no-repeat 0 0;left:-60px;}

.banner_index .btnPre:hover,.banner_pro .bPre:hover{background: url(../Image/bg_btnPre_index_hover.png) no-repeat 0 0;}

.banner_index .btnNext,.banner_pro .bNext{background: url(../Image/bg_btnNext_index.png) no-repeat 0 0;right: -60px;}

.banner_index .btnNext:hover,.banner_pro .bNext:hover{background: url(../Image/bg_btnNext_index_hover.png) no-repeat 0 0;}



.banner_index .banner_wrap{position: absolute;left:0px;top: 0px; z-index: 2;}

.banner_index .banner_wrap li{width: 1920px;float: left;}

.indexBanner_num{width:1000px;margin: 0 auto;padding:10px 0;text-align: center; position:relative; top:-83px; z-index:95;} 

.indexBanner_num a{width:25px;height:25px;display: inline-block;_zoom:1; border-radius:50%; background-color:#FFF;font-size: 0px;line-height: 0px;margin:0 5px;}

.indexBanner_num a.on,.indexBanner_num a:hover{ background-color:#0b9553;}





.headerzy{ width:100%; height:auto;overflow:hidden;}

.bannerzy{ width:100%; height:500px;background: url(../Image/bannerzy.jpg) repeat-x center}













#team .bd  li:hover  span{color: #da2021}





.numbox{width:100%;height: 225px;}

.num{width: 1200px;height: 225px;padding-top: 60px;background: #fff;position: relative;bottom: 100px;z-index: 992;-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;-moz-box-shadow:0px 2px 13px #e8e8e8; -webkit-box-shadow:0px 2px 13px #e8e8e8; box-shadow:0px 2px 13px #e8e8e8;}



.num li{float: left;width:298px;text-align: center;color: #a9a9a9;height: 97px;-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;font-size: 18px;padding:0 60px;}

.num li span{width: 100%;font-family: impact;font-size: 60px; color: #656565;display: block;height: 80px;position: relative;top:20px;font-weight:100;}

.num li span sup{font-size: 14px;color: #a9a9a9;position: relative;top:-30px;font-weight:100;}

.num li:nth-of-type(2){border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;}

.num li:nth-of-type(3){border-right:1px solid #e2e2e2;}





.com-t{width: 100%;height: 108px;}

.com-t-1{line-height: 50px;font-size: 32px;color: #333333;text-align: center;font-weight: bold;padding-top: 52px;}

.com-t-1 span{color: #e40000;}

.com-t-2{text-align: center;}

.com-t-2 span{display: block;margin:0 auto;width: 250px;text-align: center;color: #666666;text-transform : uppercase;font-size: 16px;position: relative;}

.com-t-2 span:before,.com-t-2 span:after {content: '';display: block;position: absolute;top: 50%;border-bottom: 2px solid #ebebeb;

    width: 476px;}

.com-t-2 span:after {left: 258px;}

.com-t-2 span:before {right: 258px;}

.com-t-3 span{width:46px;height: 2px;background: #d31a28;display: block;margin:10px auto;}

.com-t-3{text-align: center;color: #666666;font-size: 18px;}



.com-c{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;color: #333333;line-height: 32px;font-size: 14px;float: left;}





.com-img img{display: block;width: 100%;}



.com-c-t{font-size: 28px;font-weight: bold;color: #333;line-height: 32px;margin: 25px 0;}

.com-v{margin-bottom: 30px;}

.com-v *{transition: 0.5s;}

.com-v ul {text-align: center;}

.com-v ul li{text-align: center;display: inline-block;width: 190px;height: 190px; background: #f2f3f7;margin:0 19px;cursor:pointer;}

.com-v ul li span{display: block;margin:28px auto 7px;width: 107px; height: 107px;border-radius: 50%;background: #eaeaea;}

.com-v ul li i{display: inline-block;margin:0 auto;font-size: 55px;color: #333333;width: 100%;height: 100%;line-height: 107px;}

.com-v ul li b{display: block;width: 100%;text-align: center;font-size: 17px;font-weight: bold;}

.com-v ul li:hover{background: #d7000e;}

.com-v ul li:hover span{background: #c2000d;}

.com-v ul li:hover i{color: #fff;}

.com-v ul li:hover b{color: #fff;}

.com-d{-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;padding:50px;color: #333333;line-height: 38px;font-size: 16px;}





















.allbox{background: url('../Image/allbg.png') #ffffff no-repeat top  center;width: 100%;}

.com01{height: 128px;}

.com01 img{display: block;margin:0 auto;position: relative;top:56px;}

.comall{background:url('../Image/comall.png') no-repeat top center #fff;width: 1200px;background-position: 250px 40px;height: auto;overflow: hidden; margin-bottom: 30px;}



.comall01{width: 100%;padding:75px 200px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-align: center;}







.comall0101{font-size: 37px; color: #d01817;font-weight: bold; text-transform : uppercase;font-family: impact;height: 48px; line-height: 48px;font-weight: bold;}

.comall0102{font-size: 14px; color: #131313;height: 28px;font-weight: lighter;}

.comall0103{line-height:31px;padding-top: 10px;}

.comall03{float: right; position: relative;bottom: 10px;padding:40px  56px 0 0 ;}

.cccc{width: 100%;float: left;}

.cccd{width: 100%;height: 362px;float: left;position: relative;z-index: 2; overflow: hidden;}

.comall0104 {text-align: center;}

.comall0104 a { display: inline-block;width: 139px;height: 49px;border:1px solid #0066cb;line-height: 51px;margin:10px 30px;color: #0066cb;}

.comall0104 a:nth-of-type(2){color: #d01817;border-color: #d01817;}



.investment_f{ width:1200px; margin:20px auto}

.investment_f .investment_title{height:44px;  width:100%;line-height: 44px;text-align: center;}

.investment_title div{ width:131px; background:#333333;font-size:14px; font-weight:bold; text-align:center; line-height:44px; color:#fff; cursor:pointer;display: inline-block;



}

.investment_title a,.investment_title a:link,.investment_title a:visited,.investment_title a:hover{ color:#555;width:131px; height:44px;display:inline-block}

.investment_title div.on a,.investment_title div.on a:link,.investment_title div.on a:visited,.investment_title div.on a:hover{ color:#000}

.investment_title div.on{color:#fff;background: #ff9205;}

.investment_con{ clear:both; background:#fff;}









.picScroll-left{ width:1200px; overflow:hidden; position:relative; background: #fff; }

.picScroll-left .hd{ padding:0 10px;}

.picScroll-left .hd .next{ display:block;  width:24px; height:42px; float:right; overflow:hidden;

			 cursor:pointer; background:url("../Image/right.png") no-repeat; position: relative;left:5px;top:110px;z-index: 9999;}

.picScroll-left .hd .prev{ display:block;  width:24px; height:42px; float:right; overflow:hidden; position: relative;right:1132px;top:110px;

			 cursor:pointer; background:url("../Image/left.png") no-repeat;}

.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }





.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;  }

.picScroll-left .hd ul li.on{ background-position:0 0; }





.picScroll-left .bd{ padding:10px 34px;}

.picScroll-left .bd ul{ overflow:hidden; zoom:1; }

.picScroll-left .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center; position: relative;}

.picScroll-left .bd ul li .pic{ text-align:center; }

.picScroll-left .bd ul li .pic img{ width:263px; height:180px; display:block; }

.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }

.picScroll-left .bd ul li .title{position: relative;bottom: 36px;width: 100%;background: rgba(0, 0, 0, 0.6); color: #fff;  height: 35px; line-height: 35px;transition: 0.4s;}

.picScroll-left .bd ul li .title a{color: #fff;display: block; width: 100%;height: 100%;}



.picScroll-left .bd ul li:hover .title{height:180px; line-height: 180px;bottom: 180px;}























.in-04box{width: 100%;overflow: hidden; background: url('../Image/combg.jpg') no-repeat center center;padding-bottom: 40px;}

.in-04{text-align: center;margin:0 auto;}

.in-04c{background: #fff;overflow: hidden;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:35px 40px;}

.in-04p{width:200px;height: 50px;background: #e5a905;transform: rotate(-45deg);position: absolute;right: -60px;bottom: 0px;}





.in-04i{position: relative;}



.in-04i img{display: block;width: 100%;height: 100%;position: relative;z-index: 2;border:5px solid #fff;border-left:0px;border-top:0px;}

.in-04i span{display: block;width: 100px;height: 100px;z-index: 1;position: absolute;bottom: -15px;right: -15px;background: #009b4d;}

.in-04e{text-align: left;}

.in-04et{font-size: 22px;font-weight: lighter;color: #000000;margin: 10px 0;}

.in-04et span{display: block;font-size: 12px;text-transform : uppercase;}

.in-04et span:after{display: block;width: 100%;height: 3px;background: #e5a905;content: "";}



.in-04ec{color: #333;line-height: 32px;}

.in-04ec a{display: block;width: 177px;height: 46px;border:3px solid #009b4d;border-radius: 23px;text-align: center;line-height: 46px;font-size: 16px;color: #009b4d;margin-top: 30px;}



















#left{width: 355px;height: 43px;border: 1px solid #e1e1e1;margin:0 auto;border-left:none;border-right:none;

position: relative;top: 50px;color: #d0231c;font-size: 24px;line-height: 43px;position: relative;z-index: 9999;background: #ffffff;}

#left i{font-size: 25px;}

#triangle-left {width: 31px;height:31px;transform:rotate(45deg);position: absolute;left:-16px;border: 1px solid #e1e1e1;top: 5px;border-top:none;border-right:none;} 

#triangle-right {width: 31px;height:31px;transform:rotate(45deg);position: absolute;right:-16px;border: 1px solid #e1e1e1;top: 5px;border-left:none;border-bottom:none;} 







.preloaders{height: 180px;-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;padding-top: 10px;}

#preloader{margin:0 25px;width:100px;height:100px;float: left;}







#text{display: block;width: 80px;height: 80px;text-align: center;position: relative;z-index: 99;border-radius: 50%;background: #2771fe;color: #fff;margin:25px auto;}



#text span{position: relative;font-size: 24px;font-weight: bold;top: 11px;}

#loader{position:relative;left:60%;display:block;margin:-75px 0 0 -75px;width:120px;height:120px;border:5px solid transparent;border-radius:50%;border-top-color:rgba(255,255,255,.4);-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;bottom:55px;}





#loader:before{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:5px solid transparent;border-radius:50%;content:"";border-top-color:rgba(255,255,255,.4);-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}

#loader:after{position:absolute;top:15px;right:15px;bottom:15px;left:15px;border:5px solid transparent;border-radius:50%;content:"";border-top-color:rgba(255,255,255,.4);-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}







@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0);-ms-transform:rotate(0)}

100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);-ms-transform:rotate(360deg)}

}

@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0);-ms-transform:rotate(0)}

100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);-ms-transform:rotate(360deg)}

}









.in-04-li-01{transform: rotate(45deg);width: 93px;height: 93px;border:3px solid #4167c5;position: relative;z-index: 9;overflow: hidden;margin:0 auto 74px;}

.in-04-li-01 img{display: block;margin:0 auto;z-index: 8;transform: rotate(-45deg);position: relative;top:-21px;right:21px;}

.in-04-li-01s{margin-top: 50px;}

.in-04-li-02{background: #666666;width: 213px;height: 7px;}

.in-04-li-02:after{content: "";display: block;width: 10px;height: 10px;transform: rotate(-45deg);margin:auto;background: #666666;position: relative;bottom: 5px;}

.in-04-li-02s:after{content: "";display: block;width: 10px;height: 10px;transform: rotate(-45deg);margin:auto;background: #666666;position: relative;top: 2px;}



.in-04-li-03{font-size: 24px;display: block;text-align: center;margin:30px auto 16px;color: #4167c5;}

.in-04-li-07{margin:25px auto  12px;width: 18px; height: 2px; background: #666666;transition: 0.5s;}

.in-04-li-04{font-size: 14px;line-height: 21px;margin-bottom:15px;}

.in-04-li-05 {text-transform : uppercase;line-height: 45px;font-size: 12px;}

.in-04-li-06 {margin-top: 30px;}

.in-04-li-06 i{font-size: 55px;}







.in-05{height: 820px; width: 100%;background: #f3f3f3;}







.in-05 .slideTxtBox{ width:100%;  }

.in-05 .slideTxtBox .hd{text-align: center;background: #f9f9f9;line-height: 50px; position:relative; height: 50px;}



.in-05 .slideTxtBox .hd ul{ float:left;  position:absolute; }

.in-05 .slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer;  width: 170px;}

.in-05 .slideTxtBox .hd ul li.on{  background:#0066cb;color: #fff;}

.in-05 .case-content{border:1px solid #d0d0d0;-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;box-sizing: border-box;margin-top:25px;height: auto;overflow: hidden;}

.in-05 .case-left{width: 798px;border-right:1px solid #d0d0d0;-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;box-sizing: border-box;padding:15px;float: left;padding-bottom: 35px;}

.in-05 .case-left1{width: 100%;height: 430px;text-align: center;}



.in-05 .case-left1 span{width: 769px;height: 430px;display: table-cell;vertical-align: middle;text-align: center;}

.in-05 .case-left1 img{max-width: 769px;max-height: 430px; }





.in-05 .case-right{width: 400px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:15px;float: right;}



.in-05 .case-left21{font-size: 17px;font-weight: bold;}

.in-05 .case-left22{font-size: 14px;color: #909090;}



.in-05 .case-right2{text-align: center;line-height: 27px;font-size: 16px;color: #323232;margin-bottom:16px;}



.in-05 .case-right1{width: 371px;height: 208px;}



.in-05 .case-right1 span{width: 371px;height: 208px;display: table-cell;vertical-align: middle;text-align: center;}

.in-05 .case-right1 img{max-width: 371px;max-height: 208px; }













.in-nnc{margin-top:50px;margin-bottom: 50px;height: 150px;}

.in-nnc1,.in-nnc2,.in-nnc3,.in-nnc4,.in-nnc5,.in-nnc6{float: left;height: 150px;}

.in-nnc1{width: 198px;background: #d01817;-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;box-sizing: border-box;padding-top: 33px;line-height: 41px;font-size: 34px;font-weight: bold;color: #fff;text-align: center;}



.in-nnc2,.in-nnc3,.in-nnc4,.in-nnc5,.in-nnc6{width: 198px;text-align: center;}

.in-nnc2 i,.in-nnc3 i,.in-nnc4 i,.in-nnc5 i,.in-nnc6 i{font-size: 54px;display: block;height: 60px;padding-top: 30px;font-weight: lighter;}

.in-nnc2,.in-nnc4,.in-nnc6{background: #f7f7f7;}

.in-nnc12{font-size: 17px;font-weight: bold;}

.in-nnc13{text-transform : uppercase;color: #c0c0be;}





.in-nnc2:hover .in-nnc11 i{color: #d01817;cursor:pointer}

.in-nnc3:hover .in-nnc11 i{color: #d01817;cursor:pointer}

.in-nnc4:hover .in-nnc11 i{color: #d01817;cursor:pointer}

.in-nnc5:hover .in-nnc11 i{color: #d01817;cursor:pointer}

.in-nnc6:hover .in-nnc11 i{color: #d01817;cursor:pointer}





.in-05 .slideTxtBox .bd ul{ padding:15px;  zoom:1;  }

.in-05 .slideTxtBox .bd li{ height:24px; line-height:24px;   }

.in-05 .slideTxtBox .bd li .date{ float:right; color:#999;  }

.in-05 .slideTxtBox .arrow{  position:absolute; right:10px; top:0; }

.in-05 .slideTxtBox .arrow a{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;

			 cursor:pointer; background:url("../images/arrow.png") 0 0 no-repeat; }

.in-05 .slideTxtBox .arrow .next{ background-position:0 -50px;  }

.in-05 .slideTxtBox .arrow .prevStop{ background-position:-60px 0; }

.in-05 .slideTxtBox .arrow .nextStop{ background-position:-60px -50px; }



















.inbox-1{width: 585px; height: 510px; float: left;}

.inbox-2{width: 582px; height: 510px; float: right;}









.imgbox-1{width: 585px;height: 510px;display: block;}

.imgbox-2{width: 274px;height: 240px;display: block;float: left;margin:0 33px 30px 0;}

.imgbox-3{width: 275px;height: 240px;display: block;float: left;margin:0 0 30px 0;}

.imgbox-4{width: 582px;height: 240px;display: block;float: left;}









.imagebox1{width: 585px;height: 510px;display: block;}

.imagebox2{width: 274px;height: 240px;display: block;}

.imagebox3{width: 274px;height: 240px;display: block;}

.imagebox4{width: 582px;height: 240px;display: block;}

.imagebox5{width: 370px;height: 226px;display: block;}

.imagebox9{width: 385px;height: 385px;display: block;}

.imagebox10{width: 385px;height: 385px;display: block;}



.imagebox4 i{top:100px;}

.imgbox-1 a:hover i{opacity: 1;}

.imgbox-2 a:hover i{opacity: 1;}

.imgbox-3 a:hover i{opacity: 1;}

.imgbox-4 a:hover i{opacity: 1;}









.inbox-1 img{

-webkit-filter: brightness(0.8);

filter: brightness(0.8);

transition: 0.5s;}

.inbox-1:hover img{

-webkit-filter: brightness(1);

filter: brightness(1);

transform: scale(1.1,1.1);

}

.imagebox2 img,.imagebox3 img,.imagebox4 img{

-webkit-filter: brightness(0.8);

filter: brightness(0.8);

transition: 0.5s;}

.imagebox2:hover img,.imagebox3:hover img,.imagebox4:hover img{

-webkit-filter: brightness(1);

filter: brightness(1);

transform: scale(1.1,1.1);

}









.mobile_footer{ width: 100%; height: 60px; background: #262932; left: 0px; bottom:0px; position: fixed; float: left;z-index: 999;}

.mobile_footer a{ color:#fff; display: block; width: 20%; height: 100%;float: left; line-height:80px; text-align: center;font-size: 100%;font-family: "微软雅黑";}

.f1{ width:100%; background:url(../Image/footer_home.png) no-repeat  center 20%; background-size: 20px; height:100%; float:left;  text-align:center;}

.f2{width:100%;background:url(../Image/footer_tel.png) no-repeat center 20%; background-size: 20px;  height:100%; float:left;text-align:center;}

.f3{width:100%;background:url(../Image/footer_email.png) no-repeat center 20%;  background-size: 20px; height:100%; float:left;text-align:center;}

.f4{width:100%;background:url(../Image/footer_map.png) no-repeat center 20%;  background-size: 20px; height:100%; float:left;text-align:center;}

.f5{width:100%;background:url(../Image/footer_top.png) no-repeat center 20%;  background-size: 20px; height:100%; float:left;text-align:center;}

@media screen and (max-width:765px){

   #footer{margin-bottom: 60px;padding-bottom: 4%;}

} 







    









.bigt{width: 100%;text-align: center;}

.bigt01{color: #7d7a7a;font-size: 18px;text-transform:uppercase;margin-top: 46px;font-weight:100;}

.bigt02{font-size: 24px; font-weight: bold;color: #333;line-height: 35px;}

.bigt02 span{color: #d70310;}

.bigt03{width:100px;margin: 0 auto;}

.bigt03 span{height: 7px; width: 7px;border:1px dashed #555;transform:rotate(45deg);margin:10px auto;position: relative;z-index: 2;background: #fff;display: block;}

.bigt04{height: 2px;width: 100%;background: #d9d9d9;position: relative;bottom: 15px;}

.ysct{color: #999;font-size: 16px;line-height:32px;text-align: center; width: 900px;}









.sl{height: 515px;}

.slideGroup{ width:1200px;text-align:left;}

.slideGroup .parHd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 20px; border-bottom:1px solid #ddd;  position:relative;  }

.slideGroup .parHd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px;   }

.slideGroup .parHd ul li{ float:left; padding:0 15px; cursor:pointer;  }

.slideGroup .parHd ul li.on{ height:30px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }









.titles{width: 100%;margin:0 auto 20px;text-align: center;padding-top: 20px;height: auto;overflow: hidden;}

.titles01{font-size: 32px;color: #222222;}

.titles01 span {color: #008c4b;}

.titles02{font-size: 18px;color: #fff;line-height:47px;position: relative;margin:10px auto;}

.titles02 span{position: relative;display: block;width: 20%;margin:0 auto;}

.titles02 span i{font-size: 40px;color: #008c4b;}

.titles02 span:before,.titles02 span:after {content: '';display: block;position: absolute;top: 50%;border-bottom: 1px solid #cccccc;

    width:40%;right:0;}



.titles02 span:after {left: 0;}

.titles03{width: 100%;text-align: center;text-transform : uppercase;font-size: 16px;color: rgba(0, 0, 0,.6)}









.in-01content{text-align: center;width: 607px;margin:0 auto;position: absolute;top:30px;z-index: 995;}

.in-01content h1{font-size: 61px;font-weight: bold;display: block;text-align: left;color: rgb(16,155,90);position: relative;width: 1200px;margin-bottom: 20px;}





.in-01contents{text-align: center;margin:0 auto;position: absolute;top:10px;z-index: 999;}

.in-01contents h1{font-size: 38px;font-weight: bold;display: block;text-align: left;color: rgb(16,155,90);position: relative;margin-bottom: 50px;}











.in-li{width: 137px;height: 166px;background: rgba(245, 241, 231, 0.8);border-radius: 10px;margin: 25px 7px;position: relative;float: left;}

.in-li1 {display: block;width: 100%;margin:0 auto;height: 50px;}

.in-li span{display: block;position: relative;width: 55px;height: 55px;border-radius: 50%;background: #fff;margin:0 auto;line-height: 55px;opacity: 0;border:5px solid rgba(0, 0, 0,0.3);font-size: 28px;color: #009b4d;margin:0 auto;position: relative;bottom: 30px;transition: 0.5s;}

.in-li i{font-size: 55px;margin-top: 30px;color: #009b4d;transition: 0.5s;position: relative;bottom: 30px;}

.in-li p{margin-top: 10px;font-size: 14px;transition: 0.5s;position: relative;bottom: 30px;}

.in-li:hover span{opacity: 1;transform:translateY(-10px);}

.in-li:hover i{color: #fff;}

.in-li:hover p{color: #fff;}

.in-li:hover{

cursor:pointer;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#009b4d+0,007a45+50,009b4d+100 */

background: rgb(0,155,77); /* Old browsers */

background: -moz-linear-gradient(-45deg, rgba(0,155,77,1) 0%, rgba(0,122,69,1) 50%, rgba(0,155,77,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(-45deg, rgba(0,155,77,1) 0%,rgba(0,122,69,1) 50%,rgba(0,155,77,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(135deg, rgba(0,155,77,1) 0%,rgba(0,122,69,1) 50%,rgba(0,155,77,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009b4d', endColorstr='#009b4d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}







.in-lis{height: 200px;margin: 6px 0px;position: relative;float: left;padding:0 5px!important;}

.in-li1 {display: block;width: 100%;margin:0 auto;height: 50px;}



.in-lis a{display: block;background: rgba(245, 241, 231, 0.8);border-radius: 10px;height: 200px;}



.in-lis span{display: block;position: relative;width: 55px;height: 55px;border-radius: 50%;background: #fff;margin:0 auto;line-height: 55px;opacity: 0;border:5px solid rgba(0, 0, 0,0.3);font-size: 28px;color: #009b4d;margin:0 auto;position: relative;bottom: 30px;transition: 0.5s;}

.in-lis i{font-size: 55px;margin-top: 30px;color: #009b4d;transition: 0.5s;position: relative;bottom: 30px;}

.in-lis p{margin-top: 10px;font-size: 14px;transition: 0.5s;position: relative;bottom: 30px;}

.in-lis:hover span{opacity: 1;transform:translateY(-10px);}

.in-lis:hover i{color: #fff;}

.in-lis:hover p{color: #fff;}

.in-lis:hover a{

cursor:pointer;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#009b4d+0,007a45+50,009b4d+100 */

background: rgb(0,155,77); /* Old browsers */

background: -moz-linear-gradient(-45deg, rgba(0,155,77,1) 0%, rgba(0,122,69,1) 50%, rgba(0,155,77,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(-45deg, rgba(0,155,77,1) 0%,rgba(0,122,69,1) 50%,rgba(0,155,77,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(135deg, rgba(0,155,77,1) 0%,rgba(0,122,69,1) 50%,rgba(0,155,77,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009b4d', endColorstr='#009b4d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

















.in-01c{width: 100%;

background: -moz-linear-gradient(56deg, #00A252 0, #00CF7C 62%, #00A252 100%);/* FF3.6+ */

background: -webkit-gradient(linear, 56deg, color-stop(0, 00A252), color-stop(62%, 00CF7C), color-stop(100%, 00A252));/* Chrome,Safari4+ */

background: -webkit-linear-gradient(56deg, #00A252 0, #00CF7C 62%, #00A252 100%);/* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(56deg, #00A252 0, #00CF7C 62%, #00A252 100%);/* Opera 11.10+ */

background: -ms-linear-gradient(56deg, #00A252 0, #00CF7C 62%, #00A252 100%);/* IE10+ */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */

background: linear-gradient(56deg, #00A252 0, #00CF7C 62%, #00A252 100%);/* W3C */





}

.in-01t{}

.in-01t1 {text-align: center;font-size: 48px;color: #fff;}

.in-01t1 i{font-size: 100px;color: #e5a905;margin:0 10px;font-style: normal;font-weight: bold;position: relative;top: 10px;}

.in-01t2 span{display: block;line-height: 35px;background: #e5a905;margin:0 auto;text-align: center;color: #fff;font-size: 17px;font-weight: lighter;position: relative;z-index: 2;}

/* 

.in-01t2 span:before,.in-01t2 span:after{content: '';display: block;position: absolute;top: 50%;border-bottom: 1px solid #0d4da3;width: 30%;}

.in-01t2 span:after {right: 0;}

 */





.in-01cont{text-align: center;margin:40px auto 20px;height: auto;}

.in-01c-li{display: inline-block;vertical-align: top;transition: 0.2s;}

.in-01c-li span{display: block;width: 99px;height: 99px;border:2px solid #fff;border-radius: 50%;margin:0 auto;}

.in-01c-li span i{line-height: 99px;font-size: 65px;color: #fff;}

.in-01c-li p{line-height: 22px;color: #fff;font-size: 16px;font-weight: 200;margin-top: 15px;}

.in-01c-li:hover span {background: #e5a905;border:2px solid #e5a905;}

.in-01c-li:hover {transform: translateY(-10px);cursor: pointer;}



.tar{text-align: right;}



.in-01tent-1{border-radius: 30px 0 30px 0;background: #fff;margin-bottom: 35px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:15px 35px;height: auto;}

.in-01tent-1 i{font-size: 45px;font-family:Arial;color: #333;}

.in-01tent-4 i{font-size: 45px;font-family:Arial;color: #333;}





.in-01t-1{font-size:30px;font-weight: bold;color: #009b4d;}



.in-01t-p{line-height: 22px;padding-top: 10px;font-size:14px;}

.in-01tent-2{margin-bottom: 35px;}

.in-01tent-2 img{display: block;width: 100%;height: 100%;}

.in-01tent-3{margin-bottom: 35px;}

.in-01tent-3 img{display: block;width: 100%;height: 100%;}

.in-01tent-4{border-radius: 30px 0 30px 0;background: #fff;margin-bottom: 35px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:15px 35px;height: auto;}









.titlec{width: 100%;margin:0 auto;text-align: center;padding-top: 70px;}

.titlec01{font-size: 30px;color: #171717;text-transform : uppercase;float: left;font-weight: bold;width: 130px;line-height: 35px;}

.titlec02{width: 888px;float: left;height: 1px;background: #e6e6e6;margin-top: 18px;margin-left:20px;}

.titlec03{font-size: 20px;color: #fff;width: 132px;height: 35px;border-radius: 18px;background: #323232;float: right;}

.titlec03 a{color: #fff;font-size: 12px;line-height: 35px;}













.news-ul{text-align: center;}

.news-li{display: inline-block;width: 370px;height: 385px;border-bottom: 1px solid #cbcbcb;margin:0 10px;transition: 0.5s;vertical-align: top;}





.news-li-01{width: 370px;height: 226px;margin-bottom: 25px;}

.news-li-02{width: 370px;line-height: 38px; color: #666;font-size: 18px;text-align: left;-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;padding: 0 10px;}

.news-li-03{width: 370px;line-height: 27px; color: #999;font-size: 14px;text-align: left;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;padding: 5px 10px;}

.news-li:hover{

	background: #fff;

	position: relative;

	border-bottom: 3px solid #c4000d;

    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);

    -webkit-transform: translate3d(0, -6px, 0);

    transform: translate3d(0, -6px, 0);

    }

















.in-01b{width: 100%;}

.in-01type{text-align: center; margin-bottom: 30px;height: auto;overflow: hidden;}

.in-01type li{display: inline-block; font-size:0;height: 60px;line-height: 60px;text-align: center;background: #f6f6f6;}

.in-01type li:nth-of-type(1){background: #eeeeee;}

.in-01type li:nth-of-type(3){background: #eeeeee;}

.in-01type li:nth-of-type(5){background: #eeeeee;}

.in-01type li:nth-of-type(8){background: #eeeeee;}

.in-01type li:nth-of-type(10){background: #eeeeee;}

.in-01type li:nth-of-type(12){background: #eeeeee;}

.in-01type li  span{font-size: 14px;color: #333333;display: block;width: 100%;height: 100%;}

.in-01type li:hover{background: #00944f;}

.in-01type li:hover span{color: #fff;}





.in-01type li a{color: #fff;font-size:16px;}



.in-01c-left{width: 280px;float: left;height: 716px;position: relative;bottom: 50px;/* background: #fff; *//* -moz-box-shadow:5px 7px 14px #140703; -webkit-box-shadow:5px 7px 14px #140703; box-shadow:5px 7px 14px #140703;border-top:none; */ -webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;padding:95px 30px 0 30px;



/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f7f7f7+49,f7f7f7+86,ffffff+100 */

background: rgb(255,255,255); /* Old browsers */

background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 49%, rgba(247,247,247,1) 86%, rgba(255,255,255,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 49%,rgba(247,247,247,1) 86%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 49%,rgba(247,247,247,1) 86%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



}

.in-01c-left-title-01{font-size: 20px;color: #d0231c;font-weight: bold;}

.in-01c-left-title-03{font-size: 17px;color: #222222;line-height: 50px;border-bottom: 1px solid #eeeeee;margin-top: 20px;font-weight: bold;}

.in-01c-left-title-03 i{font-size: 30px;color: #d0231c;position: relative;top:5px;}

.in-01c-left-title-04{}

.in-01c-left-title-04 li{line-height: 50px;border-bottom: 1px solid #eeeeee;text-indent: 10px;float: left;width: 100%;transition: 0.2s;





}

.in-01c-left-title-04 li a{font-size: 14px;color: #222222;display: block;width: 90%;height: 100%;float: left;}

.in-01c-left-title-04 li a span{padding-left: 10px;}

.in-01c-left-title-04 li a:before{content: '•';}

.in-01c-left-title-04 li:hover {background: #ddd;

}





.in-01c-left-title-05{}

.in-01c-left-title-05 li{line-height: 35px;width: 50%;float: left;position: relative;top:10px;}

.in-01c-left-title-05 li:before{content: '-';}



.in-01c-left-title-05 li a{font-size: 14px;color: #535353;}

.in-01c-left-title-05 li:hover a{color: #d0231c;}



.in-01c-right{width: 100%;text-align: center;-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;box-sizing: border-box;height: auto;overflow: hidden;padding:10px;}





.in-01c-right .rightli{display: inline-block;height: 305px;margin-bottom: 20px;transition: 0.5s;}

.in-01c-right .rightli:hover{box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);

    -webkit-transform: translate3d(0, -6px, 0);

    transform: translate3d(0, -6px, 0);}



.in-01c-right .rightli-1{width: 100%;height: 218px;}

.in-01c-right .rightli-2{width: 100%;height: 46px;line-height: 46px; border-bottom: 1px dashed #dddddd;text-align: center;}

.in-01c-right .rightli-3{text-align: center;}

.in-01c-right .rightli-3 li{display: inline-block;margin:0 5px;line-height: 40px;width: 40%;color: #666666;font-size: 14px;}

.in-01c-right .rightli-3 li a{color: #666666;font-size: 14px;}

.in-01c-right .rightli-3 li i{font-size: 12px;padding-right: 5px;position: relative;bottom: 1px;}

.in-01c-right .rightli-1 .producimgs{width:100%; height:208px;display:table-cell; vertical-align:middle; text-align:center;}

.in-01c-right .rightli-1 img{ max-height:100%;width: 100%;}

.in-01c-right .rightli:hover a i{color: #ea0001;}







.in-plus{

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e8e8e8+28,ffffff+100 */

background: rgb(255,255,255); /* Old browsers */

background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 28%, rgba(255,255,255,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 28%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 28%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */



}

.in-plus-box{height: 240px;-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;padding-top: 40px;}

.in-plus-right{width: 100%;}



.in-plus-right li{width: 25%;display: block;float: left;-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;box-sizing: border-box;padding:0 30px;height: 60px;padding-top: 40px;}

.in-plus-right li span{display: block;float: left;font-size: 22px;color: #222222;position: relative;bottom: 5px;padding-right:10px;font-weight: lighter;}



.la-ball-scale-pulse,

.la-ball-scale-pulse > div {

	float: left;

    position: relative;

    -webkit-box-sizing: border-box;

       -moz-box-sizing: border-box;

            box-sizing: border-box;

}

.la-ball-scale-pulse {

    display: block;

    font-size: 0;

    color: #fff;

}

.la-ball-scale-pulse.la-dark {

    color: #afcbff;

}

.la-ball-scale-pulse > div {

    display: inline-block;

    float: none;

    background-color: currentColor;

    border: 0 solid currentColor;

}

.la-ball-scale-pulse {

    width: 32px;

    height: 32px;

}

.la-ball-scale-pulse > div {

    position: absolute;

    top: 0;

    left: 0;

    width: 32px;

    height: 32px;

    border-radius: 100%;

    opacity: .5;

    -webkit-animation: ball-scale-pulse 2s infinite ease-in-out;

       -moz-animation: ball-scale-pulse 2s infinite ease-in-out;

         -o-animation: ball-scale-pulse 2s infinite ease-in-out;

            animation: ball-scale-pulse 2s infinite ease-in-out;

}

.la-ball-scale-pulse > div:last-child {

    -webkit-animation-delay: -1.0s;

       -moz-animation-delay: -1.0s;

         -o-animation-delay: -1.0s;

            animation-delay: -1.0s;

}

.la-ball-scale-pulse.la-sm {

    width: 24px;

    height: 24px;

}

.la-ball-scale-pulse.la-sm > div {

    width: 24px;

    height: 24px;

}

.la-ball-scale-pulse.la-2x {

    width: 64px;

    height: 64px;

}

.la-ball-scale-pulse.la-2x > div {

    width: 64px;

    height: 64px;

}

.la-ball-scale-pulse.la-3x {

    width: 96px;

    height: 96px;

}

.la-ball-scale-pulse.la-3x > div {

    width: 96px;

    height: 96px;

}

/*

 * Animation

 */

@-webkit-keyframes ball-scale-pulse {

    0%,

    100% {

        -webkit-transform: scale(0);

                transform: scale(0);

    }

    50% {

        -webkit-transform: scale(1);

                transform: scale(1);

    }

}

@-moz-keyframes ball-scale-pulse {

    0%,

    100% {

        -moz-transform: scale(0);

             transform: scale(0);

    }

    50% {

        -moz-transform: scale(1);

             transform: scale(1);

    }

}

@-o-keyframes ball-scale-pulse {

    0%,

    100% {

        -o-transform: scale(0);

           transform: scale(0);

    }

    50% {

        -o-transform: scale(1);

           transform: scale(1);

    }

}

@keyframes ball-scale-pulse {

    0%,

    100% {

        -webkit-transform: scale(0);

           -moz-transform: scale(0);

             -o-transform: scale(0);

                transform: scale(0);

    }

    50% {

        -webkit-transform: scale(1);

           -moz-transform: scale(1);

             -o-transform: scale(1);

                transform: scale(1);

    }

}











.in-02{width: 100%;height: 718px;background: url('../Image/company.jpg') no-repeat top center;color: #fff;}





.in-02-l{width: 600px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height: 718px;}

.in-02-l-c{width: 430px;height:567px;background: #333333;position: relative;top: 89px;right: 26px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-right: 43px;}





.in-02-l-c1{position: relative;right:94px;height: 100px;}

.in-02-l-c1 img{display: block;padding-top: 46px;}

.in-02-l-c2 {height: auto;width: 100%;}

.in-02-l-c2 img {display: block;float: right;}

.in-02-l-c3 { text-align: right; font-size: 16px;font-weight: lighter;display: block;height: 50px; float: right;line-height: 50px;}

.in-02-l-c4 { text-align: right; font-size: 12px;font-weight: lighter;color: rgba(255, 255, 255, 0.2);float: right;line-height: 22px;}



.in-02-l-1{font-size: 28px; font-weight: bold;height: 30px;}

.in-02-l-2{font-size: 16px; font-weight: 100;color:rgba(255,255, 255, 0.5);height: 20px;text-transform : uppercase;}

.in-02-l-3{width:88px;height: 1px;margin:30px 0 10px;background: #fff;}

.in-02-l-4{font-size: 14px; line-height: 36px;}



.in-02-r-b{width: 561px;height: 320px; position: relative;}

.in-02-r-t{width: 561px;height: 320px; position: absolute;border:3px  solid #ccc;top:0px;left:0px;transition: 2s;}





.in-02-r{float: right;width: 600px;}

.in-02-r-01{padding-top: 117px;}

.in-02-r-03 li{-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;padding-left: 20px;float: left;margin-bottom: 20px;}

.in-02-r-03 li:before{content: "※";display: block;position: relative;right: 10px;float: left;width:5%;}

.in-02-r-03 li span{display: block;float: left;width: 95%}















.in-07{width: 100%;height: 115px;}

.in-07c{border-top:1px solid #e7e7e7;}

.in-07-l{width: 210px;height: 115px; line-height: 115px;font-family: Arial;font-size: 48px;color: #0066cb;font-weight: bold;text-transform : uppercase;}

.in-07-r{-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;padding-top: 20px;}









.slideGroup .slideBox{zoom:1; position:relative;margin-top: 30px;}

.slideGroup .slideBox ul{ overflow:hidden; zoom:1;   }

.slideGroup .slideBox ul li{ margin:0 6px; float:left; _display:inline; overflow:hidden; text-align:center; width: 287px;height: 267px; border:1px solid #ccc;border-bottom: 3px solid #d9d9d9;}

.slideGroup .slideBox ul li .pic{ text-align:center;     width: 287px;

    height: 213px;

    display: table-cell;

    vertical-align: middle;

    }

.slideGroup .slideBox ul li .pic img{ max-width: 287px;max-height: 213px;}

.slideGroup .slideBox ul li .pic a:hover img{ border-color:#999;  }

.slideGroup .slideBox ul li .title{ line-height:54px;color: #333333;font-size: 18px;;height: 54px;transition: 0.5s;}

.slideGroup .slideBox ul li:hover {border-bottom: 3px solid #d70310;}





.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:-50px; top:100px; display:block; width:45px; height:45px; background:url(../Image/pl.png) center center no-repeat ;z-index: 10; }

.slideGroup .sNext{ left:auto; right:-50px; background:url(../Image/pr.png) center center no-repeat;z-index: 10}

.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }











.mores{margin:30px auto 0;width: 345px; height: 56px; border-radius: 28px; background: #d70310;color: #fff;text-align: center;font-size:18px;line-height: 56px;}

.mores img{display: inline;line-height: 56px;}

.mores span{font-family: impact;font-size: 26px; color: #fff;line-height: 56px;}

















.yscc{text-align: center;margin:30px 0;}

.yscc li{display: inline-block;width: 263px;height: 250px;border:1px solid #d9d9d9;transition: 0.8s;margin:0 14px;}

.ysccc{padding:100px 35px 35px 35px;}

.ysccc .cc01{font-size: 22px;line-height: 35px;color: #333;font-weight: bold;}

.ysccc .cc02{font-size: 16px;line-height: 30px;color: #333;font-weight: 100;}

.yscc li:nth-of-type(1){background: url('../Image/i01.png') #fff no-repeat 109px 20px;}

.yscc li:nth-of-type(2){background: url('../Image/i02.png') #fff no-repeat 109px 20px;}

.yscc li:nth-of-type(3){background: url('../Image/i03.png') #fff no-repeat 109px 20px;}

.yscc li:nth-of-type(4){background: url('../Image/i04.png') #fff no-repeat 109px 20px;}

.yscc li:nth-of-type(1):hover{background: url('../Image/ih01.png') #d70310 no-repeat 109px 15px;}

.yscc li:nth-of-type(2):hover{background: url('../Image/ih02.png') #d70310 no-repeat 109px 15px;}

.yscc li:nth-of-type(3):hover{background: url('../Image/ih03.png') #d70310 no-repeat 109px 15px;}

.yscc li:nth-of-type(4):hover{background: url('../Image/ih04.png') #d70310 no-repeat 109px 15px;}

.yscc li:hover .cc01{color: #fff;}

.yscc li:hover .cc02{color: #fff;}







.companyb{width:100%;height:596px; background: url('../Image/combg.jpg') no-repeat center center;}

.compl{width: 540px; height: 340px;float: left;margin-top: 30px;}

.compr{width: 620px; height: 340px;float: right;margin-top: 30px;background: url('../Image/comr.png') no-repeat right top;}

.compr .compr01{font-size: 24px;font-weight: bold;color: #343336;}

.compr .compr02{font-size: 16px;color: #d70310;line-height: 45px;}

.compr .compr03{width: 45px;height: 2px;background: #6e6e6e;}

.compr .compr04{font-size: 16px;line-height: 30px;color: #666;margin:15px 0;}

.compr .compr05 a{color: #343336;border-radius: 10px;display: block;width: 140px; height: 40px; text-align: center; line-height: 40px;border:1px solid #343336;transition: 0.5s;}

.compr .compr05 a:hover{border:1px solid #d70310;color: #d70310;}







.company02{margin-top: 50px;margin-bottom: 50px;}

.company02c{margin:0 auto;}

.company02c li{text-align: center;height: 220px;}

.company02c li:nth-child(even){background: #f0f0f0;}

.company02c .c-02-li-1 i{font-size:48px;color: #717171;display: block;margin:40px auto;}

.company02c .c-02-li-2{color: #070707;font-size: 24px;}

.company02c .c-02-li-3{color: #767676;font-size: 14px;line-height: 45px;}

.com-s{margin:75px auto;width: 1200px;height: 426px;position: relative;background: rgba(255, 255, 255, 0.8)}

.com-ss{width: 1130px;height:207px;margin:40px auto;}

.st{width: 100%;line-height: 55px;}

.stl{float: left;color:#333;font-size: 20px;font-weight: bold;line-height: 55px;}

.str{float: right;line-height: 55px;}

.str a{color:#989a99;font-size: 14px;font-weight: 100;transition: 0.5s;padding-right: 0px;}

.str a:hover{color:#000;padding-right: 5px;}









.t03{width: 100%;text-align: center;margin-top: 50px;margin-bottom: 20px;}

.t031{font-size: 20px; font-weight: bold; color:#adadad;text-transform : uppercase;}

.t032{font-size: 38px; font-weight: bold; color:#205ba9;}

.t032 span{color:#ffae00;}











.casebox{background: #f5f5f5;padding-bottom: 60px;}



._03_wrap_tit{line-height: 25px;text-indent: 20px;font-size: 22px;color: #000;position: relative;}

._03_wrap_tit:before{width: 5px;height: 100%;background: #bb0202;content: '';position: absolute;left: 0;top:0;}

._03_wrap_more{text-align: right; color: #ababab;font-size: 14px;transition: all .4s;position: absolute;right: 0;top:0;}

._03_wrap_more:hover{color: #bb0202;}

._03_fengcai{margin-top: 2%;}

._03_fengcai h4{line-height: 40px;text-align: center;font-size: 14px;color: #333;position: relative;}

._03_fengcai h4:after{width: 100%;height: 1px;content: '';position: absolute;left: 0;bottom:0;background: #e5e5e5;z-index: 1;}

._03_fengcai h4:before{width: 0;height: 1px;content: '';position: absolute;left: 50%;bottom:0;background: #e5e5e5;z-index: 2;transition: all .4s;}

._03_fengcai a:hover h4:before{width: 100%;background: #bb0202;left: 0;}















.company03 {background: url('../Image/company03.jpg') no-repeat  top center;width: 100%;height: 530px;}

.imgset1 li{position: relative;z-index: 2;}

.company04c{margin:40px auto 70px;height: auto;overflow: hidden;}

.company04c ul {width: 1200px;display: block;margin:0 auto;}

.company04c-l{width: 600px; float: left;}

.company04c-l li{width: 100%;height: 305px;}

.company04c-l li:nth-of-type(1){margin-bottom: 9px;}

.company04c-l img{width: 100%;height: 305px;}



.company04c-r{width: 590px;float: right;}

.company04c-r-t{width: 100%;}

.company04c-r-t li:nth-of-type(1){margin-right:10px;}



.company04c-r-t li{width: 290px;float: left;height: 220px;}

.company04c-r-t img{width: 290px;height: 220px;}

.company04c-r-b {width: 100%;float: left;margin-top: 9px;}

.company04c-r-b li{width: 100%;height: 390px;}

.company04c-r-b img{width: 100%;height: 388px;}



.imgspan{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0,0.6);opacity: 0;transition: 0.5s;}

.imgspan a{display: block;width: 100%;height: 100%;text-align: center;color: #fff;position: relative;top:35%;transition: 0.7s;}

.imgspan a i{display: block;width: 100%;font-size: 45px;margin-bottom: 35px;position: relative;top:-10%;transition: 0.7s;}

.imgspan a span{width: 112px;height: 36px;border:1px solid #fff;margin:0 auto;display: block;line-height: 36px;}





.imgset1 li:hover .imgspan {opacity: 1;}

.imgset1 li:hover .imgspan  a i{top:0%;}











.inb{width: 100%;height: 572px;}

.in{padding-top:50px;}

.inl{width: 540px;}

.inll{width: 100%;height: 114px;border-bottom: 2px solid #ddd;padding-top: 24px;}

.inllt{text-align: center;width: 90px;float: left;height: 75px;padding-top: 25px;}

.inllt span{font-family: impact;font-size: 30px;display: block;width: 100%;}

.inllt i{display: block;width: 100%;font-style: normal;color: #333;}

.inllr{width: 435px; float: right;}

.inllrt{font-size: 16px;color: #333333;transition: 0.8s; padding-left:0;}

.inllrc{font-size: 14px;color: #666666;padding:5px 0;}

.inll a{display: block;width: 100%;height: 100%;}

.inll a:hover  .inllrt{padding-left:15px; color: #d70310;}



.inr{width:540px;}

.inrimg{width: 540px; height: 135px;}

.inrimg img{width: 540px; height: 135px;display: block;float: left;}







#scrollDiv h3,#scrollDiv ul,#scrollDiv li{margin:0;padding:0; list-style:none;}

.scrollbox{ width: 540px; margin: 0 auto; overflow: hidden;padding: 0 }

#scrollDiv{width:540px;height:300px; overflow:hidden;}

#scrollDiv li{height:100px; width:480px; padding:0 20px 0 40px; overflow:hidden; vertical-align:bottom; zoom:1; border-bottom:#e5e5e5 solid 1px; background:url(../Image/q_a.png) no-repeat 10px 10px;}

#scrollDiv li h3{ font-size:14px;  height:40px; color:#353535; line-height:40px; width:100%;}

#scrollDiv li h3 a{ font-weight:100; color:#232323; text-decoration:none;}

#scrollDiv li h3 a:hover{ color:#0b81d9}

#scrollDiv li div{ font-size:13px; height:70px; width:100%; color:#5e5e5e; line-height:24px; overflow:hidden}

.scroltit{ height:26px; line-height:26px; padding-bottom:4px; margin-bottom:4px;}

.scroltit h3{ width:100px; float:left; height:45px; line-height:45px;}

.scroltit .updown{float:right; width:32px; height:22px; margin-left:4px}















/*-------------- index --------------*/



.productbox{width: 100%;}

.productcont{padding: 50px 0;}

.plb{padding-right: 25px;}

.product01{padding:16px 5px; width: 282px;box-sizing: border-box;background: #3c3c3c;}

.product0101{width: 100%;font-size:30px;color: #db2436;font-weight: bold;}

.product0101 .pt01{line-height: 45px;text-indent: 2rem}

.product0101 .pt02{background: #d70310;color: #fff;line-height: 36px;width: 100%;text-indent: 2rem}

.product0101 .pt02 span{display: block;width: 100%; font-size: 20px;text-indent: 2rem}

.product0102{margin: 30px 0;}

.product0102 li{width: 100%; line-height: 56px; height: 56px; float: left;text-indent: 20px;transition: 0.5s;}

.product0102 li a{display: block; width: 100%;height: 100%;color: #fff;font-size: 16px;}

.product0102 li a:before{content:"-";color:#666666;padding-right: 10px;}

.product0102 li:hover {background: #d70310;}



.product03{background: #303030;height: 135px;box-sizing: border-box;padding:28px 40px;width: 282px;}

.product0301{font-size: 30px;text-transform : uppercase;color: #ffffff;line-height: 30px;font-family: impact;float: left;}

.product0301 img{display: inline;line-height: 30px;float: left;}

.product0301 a{display: block;width: 190px; height: 34px; line-height: 34px;text-align: center;color: #fff;font-size: 16px;background: #d70310;border-radius: 5px;transition: 0.8s;margin-top: 5px;}

.product0301 a:hover{background: #585858;}



.product02{width:890px;box-sizing: border-box;float: right;background: #f1f1f1;padding:35px 30px 10px 30px;}

.product02 .sp li{float: left;width: 268px; height: 260px;margin:20px 0;border-bottom: 3px solid #d7d7d7;transition: 0.8s;}

.product02 .sp li:nth-of-type(2){margin:20px 10px;}



.proimg{width: 268px;height: 195px;display: table-cell;vertical-align: middle;text-align: center;}

.proimg img{max-width: 268px;max-height: 195px;}



.protitle {line-height: 65px;color: #666;font-size: 14px;}

.product02 li:hover {color: #1473c3;border-bottom: 3px solid #db2436;}

.protitle span{display: block;width: 105px;height: 30px; border-radius: 4px; background: #666666;color: #fff;float: right;text-align: center;line-height: 30px;margin-top: 15px;margin-right: 10px;}

.product02 li:hover .protitle span{background: #db2436;}















.ysb{width: 100%;height: 630px;background: #f7f7f7;}



.bigp{width: 100%;height: 330px;}

.bigpl{width: 515px; height: 330px;background: #fff; float: left;}

.bigpl img{display: block;width: 100%;height: 330px;}

.bigpr{width:315px;height: 330px; background:url('../Image/bigpbg.png') no-repeat center center;float: left;box-sizing: border-box;padding:60px 55px;}

.bigpr01{font-size: 17px;color: #333;font-weight: bold;line-height: 55px;}

.bigpr02{font-size: 14px;color: #666;line-height: 26px;}

.bigpr03{margin-top: 32px;}

.bigpr03 span{display: block;width: 135px; height: 40px; border:1px solid #db2436;color: #db2436;line-height: 42px;text-align: center;border-radius: 20px;transition: 0.8s;}

.bigpr03 span:hover{border-radius: 10px;background: #db2436;color: #fff;}



.in_01_box{width: 100%;height: 465px;background: #fff;}

.in_01{padding-top: 23px;}

.in_01_l{float: left;width: 754px; height: 400px;margin-left: 20px;}

.in_01_r{float: right;width: 416px; height: 400px;}

.in_01_01{width: 214px;  height: 65px; background: #004db5;font-size: 32px; font-weight: bold;color: #fff;text-align: center; line-height: 65px;}

.in_01_02{font-size: 14px; color: rgba(0, 0, 0, .8);line-height: 30px;margin:30px 0;}

.in_01_03 li{text-align: center;width: 30%;margin:0 1%;float: left;} 

.in_01_03_01{height: 55px;}

.in_01_03_02{font-family: impact;color: #106fc8;font-size: 48px; margin:20px 0;height: 35px;}

.in_01_03_02 span{font-size: 14px;}





.in_03_box{width: 100%;height: 638px;background: url('../Image/in_03_bg.jpg') no-repeat top center;}

.in_03_01{font-weight: bold;font-size: 30px;color: #fff;text-align: center; line-height: 100px;}

.in_03_01 span{font-size: 48px;}

.in_03_02 {font-size: 16px;color: #fff; text-align: center; font-weight: 100; line-height: 35px;}

.in_03_03{padding-top: 40px;height: 262px;}

.in_03_03 li{float: left;text-align: center;width: 294px;height: 286px;transition: 0.8s;position: relative; bottom: 0px;margin:0 1px;border:2px solid #00aef6;}

.box03{margin:4px 6px; background: #00aef6; padding:10px 25px; height: 257px;}

.in_03_03_01{font-size: 30px; color: #fff;line-height: 28px;padding-top: 10px;}

.in_03_03_02{font-size: 24px; color: #fff;font-weight: bold;line-height: 35px;padding-bottom: 35px;}

.in_03_03_03{font-size: 14px; color: rgba(255,255,255, .8);}









.news_box{width: 100%;height: 418px; background: #f7f7f7;}

.news01t{width: 100%;font-size: 30px; font-weight: bold; color: #0061c6;text-align: center;height: 71px; line-height: 71px;}

.news01{position: relative; bottom: 71px; height: 490px; background: #fff;}

.news01c_l{width: 478px; height: 395px; background: #f4f4f4;margin:0 15px;}

.news01c_l01{width: 478px; height: 272px;}

.news01c_l01 img{ width: 478px; height: 272px;transition: 0.5s;}

.news01c_l02{padding: 0 25px;}

.news01c_l0201{font-size: 16px; color: #000;}

.news01c_l0202{font-size: 14px; color: rgba(0, 0, 0, .6);}

.news01c_l:hover .news01c_l0201{ color: #0061c6; }

.news01c_l:hover .news01c_l01 img{transform: scale(1.05,1.05);-ms-transform: scale(1.05,1.05);-webkit-transform: scale(1.05,1.05);-o-transform: scale(1.05,1.05);

    -moz-transform: scale(1.05,1.05); }









.news01c_r{width:672px;}

.news01c_r li{width: 672px;height: 100px; background: #f4f4f4;}

.news01c_r01{width: 100px;text-align: center;}

.news01c_r01 span{display: block;font-family: impact;padding-top: 20px; font-size: 25px;}

.news01c_r01 i{padding-top: 20px; font-size: 14px;font-style:normal;}

.news01c_r0201{line-height: 43px;color: #313131;font-weight: 400; font-size: 16px;}

.news01c_r0202{line-height: 25px;font-weight: 100; font-size: 14px;}

.news01c_r02{width: 472px;}

.news01c_r03{width: 100px;height: 100px;font-size: 25px;}

.news01c_r03 span{display: block;width: 35px; height: 35px;border:2px solid #ccc; border-radius: 10px;text-align: center;line-height: 35px; color: #ccc;margin: 35px; transition: 0.5s;}

.news01c_r li:hover .news01c_r03 span{color: #000;border:2px solid #000;border-radius: 0px;}

.news01c_r li{margin:20px 0;}







.anli_box{width: 100%;height: 602px; background: url('../Image/anli_bg.png') no-repeat center center;}

.anli01t{text-align: center;margin:30px 0;}

.anli0201{width: 600px;float: left; background: #0061c6;height: 340px;}

.anli020101 img{width:300px;height: 340px;}

.anli020102 {padding:30px 25px; width:250px;height: 280px;}

.anli02010201{font-size: 30px; font-weight: bold; color: #fff;height: 45px; border-bottom: 3px solid  rgba(255, 255, 255, 0.3)}

.anli02010202{font-size: 14px; line-height: 35px; color: #fff;margin-top: 20px;}



.in_02_box{width: 100%;height: 678px;background: #106fc8;}

.in_02_01{font-size: 30px; font-weight: bold;color: #fff; height: 100px; line-height: 100px;}





.picFocus{ margin:0 auto;  width:1200px; position:relative; overflow:hidden; zoom:1;}

.picFocus .hd{ width:496px; float: left; margin-right: 8px;}

.picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }

.picFocus .hd ul li{float:left;  text-align:center;width: 248px;height: 247px;}

.picFocus .hd ul li:nth-of-type(1){background:url("../Image/p_01.jpg") no-repeat center 0; }

.picFocus .hd ul li:nth-of-type(2){background:url("../Image/p_02.jpg") no-repeat center 0; }

.picFocus .hd ul li:nth-of-type(3){background:url("../Image/p_03.jpg") no-repeat center 0; }

.picFocus .hd ul li:nth-of-type(4){background:url("../Image/p_04.jpg") no-repeat center 0; }

.picFocus .hd ul li span{display: block;width: 156px;height: 50px;border:3px solid #ccc;margin:100px 0  0 50px;color: #fff;  line-height: 50px;}

.picFocus .hd ul li span img{display: inline-block; line-height: 50px;vertical-align:middle;margin-right: 10px;}

.picFocus .hd ul li span:hover{background: #ed4d35;}

.picFocus .hd ul li.on img{ border-color:#f60;  }

.picFocus .bd{width: 694px;height: 493px; float: left;}

.picFocus .bd li{ vertical-align:middle; }

.picFocus .bd img{ }

.sm{position: relative;z-index: 99; width: 100%;height: 131px;background: rgba(127, 127, 127, .8); color: #fff;}

.sm01{padding-left: 40px;line-height: 40px; font-size: 30px; font-weight: bold;padding-top: 20px;}

.sm01 img{height: 30px; vertical-align:middle; padding-right: 10px;}

.sm02{padding-left: 40px;line-height: 40px;}

.p_r{position: relative;bottom:131px;z-index: 98;}













.in_04_box{width: 100%;height: 890px;background: url('../Image/in_04_bg.jpg') repeat-x top center;;}

.in_04_01{font-size: 36px; font-weight: bold; text-align: center; color: #fff;padding-top: 20px;line-height: 36px;}

.in_04_02{font-size: 14px;  text-align: center;line-height: 72px; color: #fff;}









.picScroll-left{ width:1198px; overflow:hidden; position:relative; height: 296px;background: #fff;}

.picScroll-left .hd{ padding:0 10px;  }



.picScroll-left .hd .next{ display:block;  width:48px; height:48px; float:right; overflow:hidden;

			 cursor:pointer; background:url("../Image/right.png") no-repeat; position: relative;left:5px;top:100px;z-index: 9999;}

.picScroll-left .hd .prev{ display:block;  width:48px; height:48px; float:right; overflow:hidden; position: relative;right:1089px;top:100px;

			 cursor:pointer; background:url("../Image/left.png") no-repeat;}

.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }

.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../Image/icoCircle.gif") 0 -9px no-repeat; }

.picScroll-left .hd ul li.on{ background-position:0 0; }

.picScroll-left .bd{ padding:10px 50px 10px 50px;   }

.picScroll-left .bd ul{ overflow:hidden; zoom:1; }

.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }

.picScroll-left .bd ul li .pic{ text-align:center; }

.picScroll-left .bd ul li .pic img{ width:258px; height:208px; display:block; }

.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }



.in_04_04{font-size: 30px; color: #000; line-height: 55px;}

.in_04_05_01{padding:10px;width: 357px;height: 340px; background: #fff; float: left; transition: 0.5s;}

.in_04_05_01:nth-of-type(1){margin-right: 12px;}

.in_04_05_01:hover{background: #000; color: #fff;}

.in_04_05_01:hover .in_04_05_01_02 {color: #fff;}

.in_04_05_01:hover .in_04_05_01_03 {color: #fff;}

.in_04_05_01:hover .in_04_05_01_04 {color: #fff;}





.in_04_05_01_02{color:#000; font-size: 16px;}

.in_04_05_01_03{color:rgba(0, 0, 0, .5)}

.in_04_05_01_04{color:rgba(0, 0, 0, .5)}

.in_04_05_02{padding:15px 20px; width: 360px;background: #fff;height: 329px;float: left;margin-left: 34px;}

.in_04_05_02_01{font-size: 30px;line-height: 35px;}

.in_04_05_02_02 li{line-height: 35px; transition: 0.5s;padding-left: 0px;}

.in_04_05_02_02 li:hover{padding-left: 5px;}

.in_04_05_02_02 li:before{content:"·";color:#ff8400;font-weight:bold;margin-right:5px;}

.in_04_05_02_02 li a{font-size: 14px;}







#advantage{ height: 660px; background: url(../Image/bg_advantage.jpg) no-repeat top center; overflow: hidden;}

#advantage .text{ width: 940px; text-align: center; margin: 55px auto 0;text-transform: uppercase;}

#advantage .text b{ color: #000; font-size: 46px;}

#advantage .text span{ color: #d31a28; font-size: 46px; font-weight: bold;}

#advantage .text .en{ display: inline-block; line-height: 26px; background-color: #000; padding: 0 10px; color: #fff; font-size: 14px; letter-spacing: 2px; margin-top: 13px; *display: inline; *zoom: 1;}

#advantage .text p{ margin-top: 19px; font-size: 14px; line-height: 25px;}

#advantage ul{ width: 1170px; height: 350px; margin: 55px auto 0; overflow: hidden;}

#advantage ul li{ float: left; width: 350px; height: 350px; margin: 0 20px; overflow: hidden;}



#advantage ul .l1{ background: #fff}

#advantage ul .l2{ background: #fff}

#advantage ul .l3{ background: #fff}

#advantage ul a{ display: block; width: 330px; height: 330px; margin: 10px;  background: #333333; text-align: center; overflow: hidden; transition: all 0.3s;}

#advantage ul a:hover{ background: #d7303d;}

#advantage ul b{ display: block; color: #fff; font-size: 30px; margin-top: 38px; }

#advantage ul span{ display: inline-block;  background-color: #fff; padding: 0 5px; margin-top: 12px; *display: inline; *zoom: 1;    text-transform: uppercase; font-size: 12px;}

#advantage ul p{ width: 255px; margin: 27px auto 0; color: #fff; font-size: 14px; line-height: 28px;}

#advantage ul .btn{ width: 174px; height: 52px;  margin: 25px auto; overflow: hidden; border-radius: 2px;}

#advantage ul .inner{ width: 158px; height: 36px; border: 1px solid #fff; margin: 6px auto 0; color: #fff; font-size: 14px; line-height: 36px; border-radius: 2px;}



#team{ height: 420px; overflow: hidden;padding-top: 50px;}

#team .hd{ position: relative; width: 570px; height: 81px; margin: 0 auto; text-align: center; }

#team .hd img{ width: 100%; height: 71px; margin-top: 10px;}

#team .hd .ch{ position: absolute; left: 139px; top: -9px;  *display: inline; *zoom: 1;}

#team .hd .ch b{ color: #363636; font-size: 36px;}

#team .hd .ch span{ font-weight: bold; color: #da2021; font-size: 36px;}

#team .hd .en{ position: absolute; left: 167px; top: 31px; color: #adadad;    text-transform: uppercase;}

#team .hd a{ display: block; width: 28px; height: 28px; position: absolute; cursor: pointer;}

#team .hd .prev{ background: #363636 url(../Image/icon_arrow.png) no-repeat 7px 5px; left: 248px; bottom: -14px;}

#team .hd .prev:hover{ background-color: #da2021}

#team .hd .next{ background: #da2021 url(../Image/icon_arrow.png) no-repeat -19px 4px; left: 293px; bottom: -14px;}

#team .hd .next:hover{background-color: #363636}

#team .bd{ width: 1248px; height: 288px; margin: 50px auto 0; text-align: center; overflow: hidden;}

#team .bd ul{ overflow: hidden;}

#team .bd li{ float: left; width: 281px; height: 288px; margin: 0 12px;}

#team .bd li a{ display: block;}

#team .bd li img{ width: 281px; height: 207px;border: 1px solid #ccc;}

#team .bd li span{ color: #363636; font-size: 14px; line-height: 46px;}



#profile{ height: 560px; background: url(../Image/bg_profile.jpg) no-repeat top center; text-align: center; overflow: hidden;}

#profile .ch{ margin-top: 55px; font-size: 46px;}

#profile .ch b{ color: #232331;}

#profile .ch span{ font-weight: bold; color: #da2021;}

#profile .en{ margin-top: 20px; color: #232331; font-size: 14px;text-transform: uppercase;}

#profile .inner{ width: 1140px; height: 343px; background-color: #f8f8f8; margin: 33px auto 0; overflow: hidden;}

#profile .inner .left{ float: left; width: 446px; height: 283px; margin: 30px 0 0 30px;}

#profile .inner .right{ float: right; width: 577px; height: 283px; margin: 35px 48px 0 0;}

#profile .profile_rt{ position: relative; width: 507px; height: 40px; margin: 0 auto;}

#profile .profile_rt img{ margin-top: 18px; width: 100%; height: 5px;}

#profile .profile_rt a{ position: absolute; left: 148px; top: 7px; color: #666; font-size: 20px;}

#profile .profile_rt span{ position: absolute; left: 55px; top: 27px; color: #9e9e9e;text-transform: uppercase; }

#profile .profile_rc{ height: 160px; margin-top: 20px; font-size: 14px; line-height: 25px;}

#profile .profile_rb img{ vertical-align: bottom;}

#profile .profile_rb b{ color: #da2021; font-size: 26px; margin-left: 5px;}

#profile .profile_rb a{ display: inline-block; width: 95px; height: 27px; margin-left: 20px; background-color: #da2021; border-radius: 15px; color: #fff; font-size: 14px; line-height: 27px; vertical-align: text-bottom;}

#profile .profile_rb a:hover{ background-color: #0768ad;}



#news{ height: 405px; overflow: hidden;}

#news .hd{ position: relative; width: 570px; height: 81px; margin: 0 auto; text-align: center; }

#news .hd img{ width: 100%; height: 71px; margin-top: 10px;}

#news .hd .ch{ position: absolute; left: 139px; top: 6px;  *display: inline; *zoom: 1;}

#news .hd .ch b{ color: #363636; font-size: 36px;}

#news .hd .ch span{ font-weight: bold; color: #da2021; font-size: 36px;}

#news .hd .en{ position: absolute; left: 131px; top: 42px; color: #adadad;text-transform: uppercase;}

#news .hd a{ display: block; width: 28px; height: 28px; position: absolute; cursor: pointer;}

#news .hd .prev{ background: #363636 url(../Image/icon_arrow.png) no-repeat 7px 5px; left: 248px; bottom: -14px;}

#news .hd .prev:hover{ background-color: #da2021}

#news .hd .next{ background: #da2021 url(../Image/icon_arrow.png) no-repeat -19px 4px; left: 293px; bottom: -14px;}

#news .hd .next:hover{background-color: #363636}

#news .bd{ width: 1230px; height: 242px; margin: 25px auto 0; overflow: hidden;}

#news .bd ul{ overflow: hidden;}

#news .bd li{ position: relative; float: left; width: 585px; height: 220px; margin: 0 15px 22px; background-color: #26262d;}

#news .bd li:hover{background-color:#3e3e48;}





#news .bd .ctn{ display: block; width: 532px; margin: 27px auto 0; overflow: hidden;}

#news .bd .ctn img{ float: left; width: 220px; height: 158px; border: 3px solid #fff;}

#news .bd .ctn .right{ float: right; width: 284px;}

#news .bd .ctn .right .title{ color: #fff;}

#news .bd .ctn .right .time{ display: block; color: #1991c5;}

#news .bd .ctn .right p{ color: #fff; line-height: 20px; margin-top: 20px;}

#news .bd .more{ position: absolute; left: 288px; bottom: -22px; width: 145px; height: 42px; background-color: #da2021;}

#news .bd .more .inner{ width: 131px; height: 30px; border: 1px solid #fff; margin: 5px auto 0; color: #fff; font-size: 14px; line-height: 30px; text-align: center;}

#news .bd .more:hover{ background-color: #c20809}



		



/*-------------- left --------------*/

.allleft{  height:100%; float:left;overflow:hidden;}

.lprolist{ width:100%; height:auto; overflow:hidden;margin-bottom: 30px;}

.lprolistlogo{width: 100%;height: 102px;background: url(../Image/prologo.png) no-repeat 21px 21px;background-color: #333949;}

.lprolistlogo1{ width:100%; height:34px; line-height:34px; display:block; text-align:center; font-size:30px; color:#FFF; padding-top:19px;}

.lprolistlogo2{ width:100%; height:24px; line-height:24px; display:block; text-align:center; color:#FFF; font-size:18px;}



.lprolistcon{ width:100%; height:100%; overflow:hidden; background-color:#f0f0f0;}

.lprolistcon ul{ width:90%; height:auto; overflow:hidden; margin:0 auto;}

.lprolistcon li{ width:100%; height:46px; border-bottom:#b9b6b6 solid 1px;}

.lprolistcon li a{ width:100%; height:38px; line-height:38px; color:#fe0000; text-indent:50px; display:block;margin-top:6px;font-weight: bold;font-size: 17px;}

.lprolistcon li a:hover{ background-color:#1f1f2c; color:#FFF; border-radius:23px;}





.prolistf{ width:100%; height:206px; background-color:#1f1f2c; padding-top:55px;}

.prolistfup{ width:90%; height:auto; display:block; margin:0 auto;overflow:hidden;background:url(../Image/prolistfbg.png) no-repeat right;}

.prolistfup1{ width:100%; height:auto; display:block; color:#FFF; font-size:16px;}

.prolistfup2{ width:100%; height:auto; display:block; color:#fdc70b; font-size:20px; font-weight:bold; padding-top:4px;}

.prolistfc{ width:100%; height:auto; display:block; color:#FFF; font-size:24px; font-weight:bold; padding-top:10px; }

.prolistff{ width:236px; height:41px; display:block; background-color:#d7313e; text-align:center; line-height:41px; margin-left:15px; margin-top:10px;}

.prolistff a{width:236px; height:41px; display:block; color:#FFF;}

.prolistff a:hover{ background-color:#d5001e;}







/*-------------- right --------------*/



.allright{ width:245px; height:auto; overflow:hidden; float:right;}

.rhotpor{ width:100%; height:auto; overflow:hidden; margin-top:20px; background-color:#FFF;}

.rhotporlogo{ width:100%; height:45px; line-height:45px; color:#FFF; text-indent:25px; font-size:18px;background:url(../Image/riglogo.jpg) no-repeat left top;}

.rhotporcon{ width:100%; height:auto; overflow:hidden; padding-top:20px;}



/* 本例子css */

.picScroll-top{ margin:0 auto;width:245px;overflow:hidden; position:relative;}

.picScroll-top .bd{ padding:0px; margin:0;}

.picScroll-top .bd ul{ overflow:hidden; zoom:1; }

.picScroll-top .bd ul li{float:left;width:245px; height:243px; overflow:hidden;}

.picScroll-top .bd ul li a{width:243px; height:226px; display:block; border:#01a9f1 solid 1px; background-color:#01a9f1; text-align:center;}

.picScroll-top .bd ul li a:hover{ background-color:#d5001e;border:#d5001e solid 1px;}

.bdimg_{ width:243px; height:184px; display:block; overflow:hidden;}

.bdimg1_{ width:243px; height:184px; background-color:#FFF; display:table-cell; vertical-align:middle; text-align:center;}

.bdimg1_ img{max-width:243px; max-height:184px;}

.bdwz_{ width:100%; height:42px; line-height:42px; color:#FFF;}



.rconta{ width:100%; height:auto; overflow:hidden; border-bottom:#d5353f solid 6px; background-color:#fafafb;}

.rcontacon{ width:100%; height:auto; overflow:hidden; padding-top:15px; padding-bottom:25px;}

.rcontacon ul{ width:90%; height:auto; overflow:hidden; margin:0 auto; line-height:32px;}







/*-------------- contact ys --------------*/

.contup{ width:100%; height:auto; overflow:hidden; padding-bottom:30px;}

.contupl{ width:1200px; height:auto; float:left; padding-left:15px;}

.contuplup{ width:100%; height:84px; border-bottom:#d7313e solid 1px; font-size:30px; font-weight:bold; color:#d7313e; line-height:35px; padding-top:10px; display:block;}

.contuplup1{ color:#1f1f2c;}

.contuplf{ width:100%; height:auto;display:block; line-height:33px; color:#555555; padding-top:20px;}

.contupr{ width:10px; height:334px; display:block; float:right;}

#allmap{width:100%;height:450px; }



/*-------------- contact ys --------------*/



/*-------------- end --------------*/





.footnav{border-bottom: 1px solid #33af71;text-align: center;padding-bottom: 20px;padding-top: 30px;}

.footnav:after{content:"";width: 100%;display: block;width: 100%;}

.footnav a{display: inline-block;color: #fff; margin:0 30px;padding-bottom: 5px;}

.footnav a:hover{color: #d31a28;}

.footerb{width: 100%;background: #009b4d;float: left;}

.footers{}







.foot01{margin-top:60px;width:119px;float: left;}

.foot0101{width: 100%;font-size: 20px; color: #fff;line-height: 37px; margin-bottom: 20px;font-weight: bold;}

.foot0102 li{line-height: 45px;}

.foot0102 li  a{color: rgba(255, 255, 255, 0.5);font-size: 15px;display: block;

    width: 100%;

    height: 100%;

    position: relative;}

.foot0102 li a span {display: block;position: absolute;bottom: -20px;width: 0px;left: 50%;margin-left: 0;

    height: 2px;background: #db3021;transition: all 0.3s;}

.foot0102 li a:hover span {width: 80px!important;margin-left: -62px!important;transform: translateY(-20px);}







.foot02{width: 174px;margin-top: 60px;padding:0  0 0 50px ;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}



.ftt1{color: #333333;font-size: 17px;}

.ftt2{width: 30px;height: 2px;background: #da0410;margin:20px 0 10px 0 ;}

.foot03{margin-top: 20px;padding:0  0 0 50px ;float: left;}



.foot03 li{}

.foot03 li img{display: block;width:130px;margin:0 auto;}

.foot03 li span{display: block;text-align: center;color: #fff;line-height: 35px;}

.foot04{margin-top: 20px;padding:0  0 0 50px;float: left;}



.foot0103{line-height: 32px;color: rgba(255, 255, 255, 0.8);}





.foot05{width: 308px;margin-top: 60px;padding:0  0 0 50px;float: left;height: 180px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;height: 290px;box-sizing: border-box;}

.foot051{width: 100%;font-size: 20px; color: #fff;}

.foot051 i{font-size: 22px;}

.foot052 { color: rgba(255, 255, 255, 0.5);font-size: 26px; font-weight: bold;line-height: 55px;}

.foot053 { width: 243px;height: 50px; background: #d7000e;line-height: 50px;text-align: center; }

.foot053  a{ width: 243px;height: 50px; background: #d7000e;line-height: 50px;text-align: center; display: block;font-size: 18px;color: #fff;transition: 0.5s;border-bottom: 0px}

.foot053  i{font-size: 25px;position: relative;top: 4px;right: 5px;}

.foot053  a:hover{border-bottom: 3px solid #000;}

.foot054 img{display: block;margin-top:20px; width: 110px;}



.foot06{width: 100%;margin:60px auto 0;background: #009b4d;border-top:1px solid #02964c;}

.foot06c{line-height: 45px;color: rgba(255, 255, 255, 0.8)}

.foot06c a{color: rgba(255, 255, 255, 0.33);}









#companys{height: auto;}

#product{height: auto;}







.pro01{color: #000; height: auto;overflow: hidden;background: #f9f9f9;width: 100%;padding:30px 0;margin-top: 30px; }

.pro01  a{color: #fff;}

.pro01-left{width: 340px;-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;box-sizing: border-box;float: right;padding-left:20px;}





.pro01-left-1{}

.pro01-left-1 span{display: block;width: 100%;font-size: 37px;height: 50px;line-height: 50px;}

.pro01-left-1 i{font-size: 55px;}

.pro01-left-2{font-size:14px;text-transform : uppercase;}



.pro01-left-3{margin-top: 55px;width: 100px; height: 3px; background: #d41e26;transition: 0.5s;}

.pro01-left:hover .pro01-left-3{width: 130px;}



.pro01-right{width: 820px;height: 300px;float: left;}

.pro01-right img{display: block;}



.pro01-left-4 {width: 60%;line-height: 45px;background:#d5353f;text-align: center;margin-top: 15px;}









.pro02{height: auto;text-align: center;margin:20px 0;}





.pro02-li{display: inline-block;vertical-align: top;margin:0 10px;background: #fff;

-webkit-transition: all .2s linear;transition: all .2s linear;line-height: 35px;font-size: 14px;border:1px dashed #d2d0d0;margin:5px;}



.pro02-li:hover {background: #ccc;}



.pro02-li .t-t-t{-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;padding:0 17px;color: #505050;}

.pro02-li .t-t-t span{width: 100%;line-height: 35px;}





.pro02-li:hover{



}



.qqkefu{position: fixed; bottom:60px; _position: absolute; _top: expression(eval(document.documentElement.scrollTop + 365)); z-index:9999;right:0;width:45px}

.qqkefu ul li{height:45px;margin-bottom:1px;float:right;background:#1b1b1d;line-height:45px;font-size:14px;cursor:pointer;position:relative}

.qqkefu ul li a{color:#fff;}

.qqkefu ul li.qq_cza{overflow:hidden}

.qqkefu ul li:hover{background:#d29c09;}

.qqkefu ul li.top{color:#1c1c1c;font-weight:800;text-align:center;line-height:45px;background:url(../Image/top.png) no-repeat center; height:51px;position:relative;width:45px;cursor:pointer}

.qqkefu ul li.top:hover span{}

.qqkefu ul li b{width:45px;height:45px;display:block;overflow:hidden;float:left}

.qqkefu ul li b.a{background:url(../Image/czx4.png) no-repeat center;}

.qqkefu ul li b.b{background:url(../Image/czx3.png) no-repeat center;}

.qqkefu ul li b.c{background:url(../Image/czx5.png) no-repeat center;}

.erweima{/*width: 390px;*/height: 150px;position: absolute;top: -107px;left:-142px;background: #FFF;border: 1px solid #CCC;float: right;cursor: default !important;display:none}

.erweima p{line-height: 20px;color: #000;font-size: 12px;text-align: center;float: left;width: 130px;}

.erweima p img{width: 110px;height: 110px;margin: 10px 10px 0px 10px;}

.erweima .arrow3{width: 5px;height: 10px;display: block;background:url(../Image/czx6.png) no-repeat;position: absolute;right: -5px;top: 122px;}



/*public*/

.zyname{ width:100%; height:41px; margin:0 auto; position:relative; background-color:#f9f9f9;}

.zyname1{ width:82px; height:82px; display:block;margin:0 auto; position:relative; top:-41px;}

#main{width:100%;}

.main1{height:100%;margin:0 auto;}

#company{  height:100%;  float:right;line-height:32px; background-color:#FFF;}

#companyct{ width:100%; height:100%; overflow:hidden; float:left;line-height:32px;}









.nr{padding:20px 10px 20px 10px;}

.nr1{padding:20px 0px 20px 0px;}

.nr table{border-collapse: collapse;width:auto;margin:0 auto; margin-top: 10px; margin-bottom: 10px;}

.nr tr:first-child{ background-color:#f4f4f4; font-weight:bold}

.nr table th,.nr table td{ padding:5px;border:1px solid #dedede;} 

.nr tr{text-align: center;}

.nr tr:nth-child(odd){background-color:#e2f4f9}





.rightinfo{ padding:20px 10px 20px 10px; overflow:hidden;line-height: 38px;}

.rightinfo table{border-collapse: collapse;width:auto;margin:0 auto; margin-top: 10px; margin-bottom: 10px;}

.rightinfo tr:first-child{ background-color:#f4f4f4; font-weight:bold}

.rightinfo table th,.rightinfo table td{ padding:5px;border:1px solid #dedede;} 

.rightinfo tr{text-align: center;}

.rightinfo tr:nth-child(odd){background-color:#e2f4f9}

.rightinfo span{color: #333!important;}





.te_conts img{display: inline-block;margin:0 ;}



/*public  ----产品内容页*/

.pronrup{ width:100%; height:100%; overflow:hidden; padding-bottom:25px;}

.pronrupl{ width:48%; height:auto; overflow:hidden; float:left; padding-right:2px;}

.pronrupr{ width:52%; height:auto; overflow:hidden; float:right; padding-bottom:20px;}

.pronrupr1{ width:100%; height:40px; line-height:40px; display:block; color:#1d7ae1; background-color:#767676;}

.pronrupr1_1{ width:auto; padding-left:6px; padding-right:6px; height:40px; display:block; text-align:center; color:#FFF;background-color:#01a9f1; float:left;}

.pronrupr1_2{ width:100%; height:auto; display:block; padding-top:8px;}

.pronrupr1_3{color:#000; font-weight:bold;}

.pronrupr1_2 a:hover{ text-decoration:underline;}



.pronrupr2{ width:100%; height:50px; display:block; padding-top:10px;}

.pronrupr2_1{ width:135px; height:39px; line-height:39px; display:block; float:left;}

.pronrupr2_1 a{ width:100%; height:39px; display:block;color:#fff;background:url(../Image/qqpibg.png) no-repeat 10px 10px; background-color:#333333;display:block; text-indent:50px;font-weight:bold;}

.pronrupr2_1 a:hover{ color:#000;background:url(../Image/qqpibg.png) no-repeat 10px -30px; background-color:#c40000; color:#FFF;}

.pronrupr2_2{ width:198px; height:29px; padding-top:7px; display:block; float:left; padding-left:20px;}



.pronrupr3{ width:100%; height:55px;padding-left:61px;background:url(../Image/protel.png) no-repeat left; font-size:20px; color:#f25000; display:block; line-height:24px;}

.pronrupr3_1{color:#000; font-size:14px;}



.pronrupr2_112{ width:140px; height:42px; line-height:42px; display:block; float:left;}



.pronrupr2_11{ width:100%; height:42px; display:block;color:#c40000;background:url(../Image/weixin.png) no-repeat 5px 10px;background-color:#ffeded;border:#c40000 solid 1px; border-radius:8px; text-indent:37px;transition:all 0.3s}

.pronrupr2_11:hover{ color:#000;background:url(../Image/weixin.png) no-repeat 5px -30px; background-color:#c40000; color:#FFF;transition:all 0.3s}

.pronrupr2_22{ width:148px; height:148px; display:none; position:relative; top:-50px;transition:all 0.3s}

.pronrupr2_22 img{width:148px; height:148px;}

.pronrupr2_11:hover .pronrupr2_22{ display:block;width:148px; height:148px; position:relative; top:-157px; left:91px;transition:all 0.3s}



.w45{ width:49%}

.f_left{ float:left;}

.f_right{ float:right;}









.shwu{height: auto;overflow: hidden;}

.shwu li{float: left; width: 46%;margin: 2%;}

.sh01{width: 100px; height: 138px;font-size: 15px;color: #333333}

.sh02{width: 445px; height: 138px;}

.sh0201{font-weight: bold;font-size: 18px;color: #333333;line-height: 35px;}

.sh0202{font-size:14px;line-height: 27px;}

















/*public  ----产品内容页*/

.zynav{ width:100%; height:58px; line-height:58px;background:url(../Image/productconlogobg.jpg) repeat-x left;}

.zynavct{ width:100%; height:55px; line-height:55px; border-bottom:#ececec solid 1px;margin-top:15px;}

.zynav1{ float:left; color:#2f2a2a; width:auto; height:55px;font-size:20px; font-weight:bold; padding-left:30px; padding-right:10px;background:url(../Image/comrbg.png) no-repeat left; margin-left:20px;}

.zynav1_{ float:left; color:#2f2a2a; width:auto; height:55px; border-bottom:#11222e solid 3px; font-size:20px; font-weight:bold; padding-left:30px; padding-right:10px;background:url(../Image/comrbg.png) no-repeat left;}

.zynav2{ float:right; color:#898989; padding-right:15px; font-size:13px;background:url(../Image/homep.png) no-repeat left; padding-left:30px;}

.zynav2 a{ color:#898989;}

.zynav2 a:hover{text-decoration:underline;}







.zynavs{ width:100%; height:58px; line-height:58px;border-bottom: 1px solid #f1f1f1;}

.zynavcts{ width:100%; height:55px; line-height:55px; border-bottom:#ececec solid 1px;margin-top:15px;}

.zynav1s{ float:left; color:#2f2a2a; width:auto; height:55px;font-size:20px; font-weight:bold; padding-left:30px; padding-right:10px;background:url(../Image/comrbg.png) no-repeat left; margin-left:20px;}

.zynav1_s{ float:left; color:#2f2a2a; width:auto; height:55px; border-bottom:#11222e solid 3px; font-size:20px; font-weight:bold; padding-left:30px; padding-right:10px;background:url(../Image/comrbg.png) no-repeat left;}

.zynav2s{ float:right; color:#898989; padding-right:15px; font-size:13px;background:url(../Image/homep.png) no-repeat left; padding-left:30px;}

.zynav2s a{ color:#898989;}

.zynav2s a:hover{text-decoration:underline;}









.news_1bj{width:100%; padding:32px 0;}

.news_1nr{width:100%; margin:0 auto;}

.news_1nr ul li a{width:100%; height:94px;display:block; font-size:15px;}

.news_1nr ul li{margin:0 0 45px 0; position:relative; padding:9px 16px 0 0; border:1px solid #c4c4c4; width:888px; height:94px;}

.news_1nr ul li span{width:103px; height:120px; overflow:hidden; float:left; border-bottom:3px solid #000; color:#ffffff; text-align:center; background:#333333; position:absolute; top:-1px; left:8px;transition: all 0.4s;}

.news_1nr ul li span h1{font-size:30px; font-family:Impact; line-height:42px; padding:20px 0 10px 0; display:block;}

.news_1nr ul li div{width:755px; float:right;}

.news_1nr ul li div p{line-height:24px; font-size:13px; text-indent:-2em }

.news_1nr ul li:hover{background:#f2f2f2;}

.news_1nr ul li:hover span{background:none; border-bottom:0px; color:#333333;transition: all 0.4s;}





.news_1nr1 .newsli {width: 1200px; height: 282px; border:1px solid #f1f1f1;transition: 0.8s;margin-bottom: 20px;}

.news_1nr1 .newsliimg {width: 420px;  height: 282px;float: left;}

.news_1nr1 .newsliimg img {width: 420px;  height: 282px;float: left;display: block;}

.news_1nr1 .newslicontent{width: 700px; height: 202px;float: left;padding:40px; }

.news_1nr1 .newslicontent .newst{width: 700px;float: left;font-size: 24px;color: #404040;line-height: 48px;transition: 0.5s;text-indent: 0em;}

.news_1nr1 .newslicontent .newsf{width: 700px;float: left;font-size: 12px;color: #7f7f7f; line-height: 38px;}

.news_1nr1 .newslicontent .newsco{width: 700px;float: left;font-size: 14px;color: #b1adad; }

.news_1nr1 .newsli:hover{box-shadow: 0 0 20px 0 #ccc;border:1px solid　#ccc;}

.news_1nr1 .newsli:hover .newst{color: #fc9202;text-indent: 10px;}











#indexNews li{ line-height:33px; border-bottom:1px dotted #cecccc; padding:0 12px 0 10px; position:relative; }

#indexNews li:hover{border-bottom:1px solid #cecccc; background-color:#f1f1f1}

#indexPro{height:215px; overflow:hidden; margin:0 auto;}

#indexPro li{ margin:10px; width:215px; height:190px; float:left; display:block; text-align:center; line-height:24px;}

#indexPro li img{ border:2px solid #ffb913; width:215px; height:165px; }

.introImg{ float:left; margin-right:10px;}

.info_date{ float:right; padding-right:8px;}

/*company*/

/************新闻*****************/

.news_tit_u{text-align: center;font-size: 16px;color: #d5353f;line-height: 30px; font-weight:700;}

.news_tit_u h4{font-size: 22px;}

.news_tit_d{text-align: center;padding: 5px 0px;font-size: 12px;font-weight: 100; color: #303030;width: 98%;margin: 10px auto;height: 20px;line-height: 20px;}

.news_tit_img{ margin:9px auto; text-align:center}

.news_tit_img img{ max-height:600px; max-width:600px;}

.pro_name{display:block;color:#da020d;text-align:center;}







/****************************************1**************************************/

.news_1bj{width:100%; padding:32px 0;}

.news_1nr{width:100%; margin:0 auto;}

.news_1nr ul li a{width:100%; height:94px;display:block; font-size:15px;}

.news_1nr ul li{margin:0 0 45px 0; position:relative; padding:9px 16px 0 0; border:1px solid #c4c4c4; width:888px; height:94px;}

.news_1nr ul li span{width:103px; height:120px; overflow:hidden; float:left; border-bottom:3px solid #d5353f; color:#ffffff; text-align:center; background:#d5353f; position:absolute; top:-1px; left:8px;transition: all 0.4s;}

.news_1nr ul li span h1{font-size:30px; font-family:Impact; line-height:42px; padding:20px 0 10px 0; display:block;}

.news_1nr ul li div{width:755px; float:right;}

.news_1nr ul li div p{line-height:24px; font-size:13px; text-indent:-2em color:#777777;}

.news_1nr ul li:hover{background:#f2f2f2;}

.news_1nr ul li:hover span{background:none; border-bottom:0px; color:#d5353f;transition: all 0.4s;}









/************产品*****************/

.produc{ width:110%; margin:0 auto; overflow:hidden; position:relative;}

.produc li{width:303px; height:279px; float:left;}

.producimg{width:242px; height:191px; border:#e2e2e2 solid 1px; margin-top:7px;  display:block;margin-left:6px;}

.producimg1{width:242px; height:191px;display:table-cell; vertical-align:middle; text-align:center;}

.producimg img{ max-height:191px;max-width:242px;}

.produc li a{width:256px; height:250px; display:block;border:#e2e2e2 solid 1px; text-align:center;}

.products1{ width:100%; height:45px; line-height:41px; display:block; border-bottom:#c9c9c9 solid 5px;transition:all 0.3s;}

.produc li a:hover .products1{width:100%; height:45px; background-color:#d7313e; color:#FFF;border-bottom:#d7313e solid 4px;transition:all 0.3s;}



.food_name{display: block;color: #da020d;text-align: center;}

.info_img_detail{ text-align:center; margin:10px 0;}

.info_img_detail img{ width:400px;}

/************分页*****************/



.page a{display: inline-block;padding:5px 10px;border:1px solid #efefef;}

.page .current{display: inline-block;padding:5px 10px;border:1px solid #efefef;background: #f7f7f7;}





/************留言*****************/

#company .rightinfo table{margin:0 auto}

#company .rightinfo table td{padding:2px 5px; text-align: center;}

#company .nr1 table{margin-left:2px;}

#company .nr1 table th{color:#444444;font-weight:normal;font-size:14px;font-family:'Microsoft YaHei',arial;text-align:right;vertical-align: top;padding-top: 9px;}

#company .nr1 table td select{font-family: 'Microsoft YaHei',arial;font-size: 14px;width: 278px;height: 32px;text-indent: 8px;border: 1px solid #d2d4d6;margin: 5px auto 6px 5px;	background: #FFF;*+margin-left:-3px;}

#company .nr1 table td ul{list-style:none;position:absolute;}

#company .nr1 table td ul li{	font-family:'Microsoft YaHei',arial;font-size:14px;height:28px;line-height:28px;text-indent:8px;width:276px;height:28px;border-left:1px solid #d2d4d6;border-right:1px solid #d2d4d6;background:#FFF;}

#company .nr1 table td ul li a{display:block;text-decoration:none;color:#444444;}

#company .nr1 table td ul li a:hover{color:#fe7d0c;}

#company .nr1 table td ul li:last-child{border-bottom:1px solid #d2d4d6;}

#company .nr1 table td input{font-size:14px;width:276px;height:28px;border:1px solid #d2d4d6;margin:5px auto 5px 5px;}

#company .nr1 table td .yanzheng{width:101px;}

#company .nr1 table td textarea{resize: none;width:545px;height:178px;border:1px solid #d2d4d6;margin:5px auto 5px 5px;}

#company .nr1 table td img{vertical-align:middle;margin-left:5px;margin-bottom:4px;*+margin-bottom:14px;}

#company .nr1 table td .but{width:74px;height:31px;line-height:27px;background:#3398fe;border-radius:2px;border:none;text-align:center;margin-top:14px;margin-left:5px;font-size:14px;font-family:'Microsoft YaHei',SimHei,sans-serif;color:#FFF;}

/************招聘*****************/

.jobs li{overflow:hidden;margin:23px 18px 28px 28px;padding-bottom:27px;border-bottom:1px dotted #cdcdcd;}

.jobs .but a{position:relative;top:-150px;background:#3398fe;float:right;width:71px;height:34px;color:#fff;text-align:center;line-height:34px;}

.jobs strong{color:#da020d;}

.jobs p{/*margin:6px 0 -134px 156px;*/line-height:35px;}

.job_nam{ font-weight:700; color:#F00}

/*------------------menu-list--------------------*/

#graybar,.recruit_info_tit_bg{ height:45px; background:#e1e1e1; margin-bottom: 10px;}

#graybar span,.recruit_info_tit{ width:100px; line-height:45px; text-align:center; display:block; color:#FFF; background:#d5353f; border-right:1px solid #FFF;font-size: 17px;font-weight: bold;}

#prev_next{margin: 10px 20px;clear: both;overflow: hidden;}

#prev_next li{margin: 5px 0;}

#prev_next li:hover a{color: #d7313e;}



.datalist { border: 1px solid #cccccc; /* 表格边框 */ font-family: Arial; border-collapse: collapse; /* 边框重叠 */ background-color: #ffffff; /* 表格背景色 */ font-size: 12px; }

.datalist caption { padding-bottom: 5px; font: bold 12px; text-align: left; }

.datalist th { border: 1px solid #cccccc; /* 行名称边框 */ background-color: #F6F6F6; /* 行名称背景色 */ color: #000000;    /* 行名称颜色 */ font-weight: bold; padding-top: 4px; padding-bottom: 4px; padding-left: 15px; text-align: left; font-size:14px }

.datalist td { border: 1px solid #cccccc; /* 单元格边框 */ text-align: left; padding-top: 4px; padding-bottom: 4px; padding-left: 15px; }

.datalist tr.altrow { background-color: #c7e5ff; /* 隔行变色 */ }













.pro-tops{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fdffff+12,e5e5e5+42,ffffff+100 */

background: #f7f7f7; /* Old browsers */}

.pro-topcc{margin:0px auto;}

.pro-topc{padding:20px;background: #f7f7f7;}









.g_gallery{ padding: 25px 15px;}

.g_gallery .g_pic{ width:100%; border:1px solid #dddddd;overflow: hidden;background: #fff;}

.g_gallery .g_pic a{ display: table-cell; width:1%; text-align: center; vertical-align: middle;}

.g_gallery .g_pic a img{ max-width:100%; max-height:553px; margin:0 auto;}

.g_gallery .g_thumb{ margin-top:12px;}



.g_gallery .g_thumb li{width: 20%;float: left; border:1px solid #dddddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;margin:0 0%;}

.g_gallery .g_thumb li.on,.g_gallery .g_thumb li:hover{ border-color:#ef3b2d;}

.g_gallery .g_thumb li a{display: table-cell;width: 100%;   text-align: center;}

.g_gallery .g_thumb li a img{ max-width:100%;max-height: 100%;}





.g_sumary1 {font-size: 30px;color:#282828;}

.g_sumary2 span{width: 30%;display: block;height: 2px;background: #807e7e;margin-top: 20px;} 

.g_sumary3 { font-size: 14px;color: #999999;margin: 20px 0;line-height:34px;



    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 8;

    -webkit-box-orient: vertical;

    overflow: hidden;



    }











.nav-s{line-height: 45px;background: #0b9654;width: 100%;height: auto;overflow: hidden;}

.nav-s a{display: block;height: 45px;font-size:17px;float: left;color: #fff;padding:0 40px;text-transform : uppercase;font-weight: bold;}

.nav-s a:hover{background: #b60202;}





.pr-content{padding:15px;font-size: 14px;line-height: 35px;background: #fff;border:1px solid #f1f1f1;}

.pr-content img{max-width: 100%;height: auto!important;}

.pr-content video{width: 100%;min-height: 400px;}



.pr-content strong{font-size: 25px;font-weight: bold;color: #205ba9;display: block;width: 100%;margin-top:30px;}



.order-nas{line-height: 45px;background: #eeeeee;width: 100%;height: auto;overflow: hidden;}

.order-c video{width: 100%;min-height: 400px;}











.order-cc table th,.order-cc table td{border:1px solid #dedede;width: auto!important;} 

.order-cc tr{text-align: center;} 





.order-cc img{display: block;max-width: 100%;}







.order-nas span{display: block;height:45px;font-size:17px;float: left;color: #fff;padding:0 40px;text-transform : uppercase;background: #0b9654;}





.order-nas em{display: block;padding:0 20px;color: #666666;font-size: 14px; font-style:normal;font-size: 16px;}

.order-c{background: #fff;padding:20px; }

.order {width: 100%;height: auto;}



#form1 tr{margin:8px 0;display: block;float: left;width: 100%;}

#form1 td{display: block!important;float: left!important;}

.order .t_r{font-size: 16px;color: #666;line-height: 45px;}

.order input{display: block;width: 100%;outline: none;background: #f5f5f5;border:1px solid #e1e1e1;text-indent: 2em;line-height: 45px;}

.order #content{height: 80px;display: block;width: 100%;}

.order #captcha{width: auto;float: left;}

.order #submit{display: block;margin:0 auto;background: #cf0000;color: #fff;}

































.g_sumary4 {padding-top: 40px;padding-bottom: 40px;border-top:1px solid #eaeaea;border-bottom: 1px solid #eaeaea;text-align: center;height: auto;overflow: hidden;}

.g_sumary41,.g_sumary42,.g_sumary43{float: left;width: 33%;display: inline-block;height: 52px;}

.g_sumary42{border-left:1px solid #eaeaea;border-right:1px solid #eaeaea;}

.g_sumary4 span{display: block;width: 100%;font-size:14px;font-family: Arial;color: #282828;text-transform : uppercase;}

.g_sumary4 em{font-style: normal;font-family: "Impact";color: #282828;font-size: 14px;}

.g_sumary5 {width: 100%;height: auto;overflow: hidden;}

.g_sumary5 a{display: block;background: #eaeaea;text-align: center;line-height: 56px;font-size: 16px;}

.g_sumary5 a:nth-of-type(2){background: #cf0000;color: #fff;}

.g_sumary6 li{float: left;margin:0 20px;}

.g_sumary6 li i{font-size: 23px;color: #ccc;}



.g_sumary{padding:20px 55px;}

.g_sumary b{ color: #303030;}

.g_sumary .product_title{ font-size:24px; font-weight:400; color: #3c3c3c; line-height:2;}

.g_sumary .product_desc{ line-height:28px; padding-bottom:20px;}

.g_sumary .product_brief{ font-size: 16px; line-height:28px; color: #8b8b8b; border-bottom:1px solid #eee; padding-bottom:20px;}

.g_sumary .product_spec{ padding:15px 0; border-bottom:1px solid #eee;}

.g_sumary .product_spec li{ line-height:38px; color: #3f3f3f;}

.g_sumary .product_spec:after{ clear: both; content: ''; display: block;}

.g_sumary .product_spec dt{ display: inline-block;  line-height: 36px; font-size: 14px;color: #3f3f3f; margin-bottom:5px;}

.g_sumary .product_spec dd{ display: inline-block; width: 470px; vertical-align: top;}

.g_sumary .product_spec dd a{display: inline-block; padding:3px 8px; font-size:14px; border:1px solid #ddd; margin:5px 6px; margin-left:0;}

.g_sumary .product_spec dd a:hover,.g_sumary .product_spec dd a.current{color: #ef3729; border-color: #ef3729;}

.g_sumary .product_tels { padding-top: 16px;color: #4a4a4a;}

.g_sumary .product_tels p img{ margin-right:5px;}

.g_sumary .product_tels h3{text-indent: 31px; font-family: Impact;font-weight: bold; color: #ef3729;font-size: 36px;}

















@charset "utf-8";

/*产品右侧样式*/

.subpro_left{ width:440px; float:left; padding:0 20px; margin-bottom: 30px;}

.subpro_right{ width:564px; float:right;}

.subpro_name{ font-size:20px; color:#0d1a45; font-weight:bold; line-height: 65px;}

.subpro_jj{overflow:hidden;line-height:24px;color:#333333;background: #e9e9e9;padding:10px;border-bottom: 4px solid #bfb9b9;line-height: 35px;}

.subpro_jj b{ color:#a9a8a8;font-weight: 400;}

.subpro_lb{ color:#333;font-weight:400;font-size: 16px;}

.subpro_gjc{height:24px;}

.subpro_ms{ color:#333;font-weight:400; font-size: 16px;}

.search01{height:33px; width:323px; margin-top:7px; display:none;}

.search01 .search-text{ display:inline-block;border: none;height:31px; line-height:31px;width:275px;margin-top:1px;padding-left:5px;font-size: 12px; outline:none; margin-left:2px; background:none;}

.search01 .search-btn{display:inline-block; width:36px; height:33px; background:none;border: none;}



.subpro_rxfw{color:#de0844; font-size:28px; font-weight:bold;border: 6px solid #dedede; padding:5px 8px; width:309px; line-height:30px; margin:10px 0px; background: url(../Image/tel.png) 5px 15px no-repeat; padding-left:70px;}







.subpro_rxfw span{font-size:18px;color:#909090;}

.subpro_btn{ width:100%;height: auto;overflow: hidden;}

.subpro_btn a{ display:block; background:#ce0e25; height:42px; width:120px; text-align:center; line-height:42px; color:#fff; float:left; margin-right:75px;transition: all 0.2s linear 0s;-moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  border-radius: 5px;}

.subpro_btn .subpro_btn02 a{background:#005eaf;}

.subpro_btn a:hover{ background:#5a7eb3;}







/*contact*/

.lh-contact{position:relative; min-height:2000px; background:#043fa7 url(../images/contact-bg.png) no-repeat bottom center;}

.lh-contact .container{position:absolute; left:50%; top:165px; margin-left:-600px; padding-bottom: 50px; background:#F6F6F7;}

.lh-contact-a{background:#fff; padding:70px;padding-left:0px;padding-right: 0px;height: auto;overflow: hidden;}

.lh-contact-b{margin-top:40px;height: auto;overflow: hidden;}

.lh-contact-b dl{float:left; line-height:35px; color:#666;font-size: 14px;}

.lh-contact-b dl dt{margin-bottom:10px; font-size:16px;}

.lh-contact-b dl dd{overflow:hidden; line-height: 35px;}

.lh-contact-b dl dd span{float:left;}

.lh-contact-b dl dd h3{width:82%; float:left;}

.lh-contact-b dl.cn dd{line-height: 35px;}

.lh-ewm li{float:left; width:163px; line-height: 15px; text-align:center;}

.lh-ewm li img{width: 100%;}

.lh-ewm li h2{margin-top:10px;font-size: 14px;color: #333;}

.lh-ewm li:first-child{margin-right:30px;}



.lh-contact-c{padding:30px;background: #f6f6f7;margin-top: 40px;overflow: visible;margin-bottom: 40px;height: auto;overflow: hidden;}

.lh-contact-d{margin-top:30px; width:100%;}

.lh-contact-d li{ margin-bottom:10px;}

.lh-contact-d li>div{position:relative;margin-bottom: 10px;height: auto;overflow: hidden;}





#online_order{height: auto;overflow: hidden;}

.lh-contact-d li input,.lh-contact-d li select,.lh-contact-d li textarea{width:100%; height:55px; background:#fff; border:none; line-height:55px;-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;padding:0 10px;}





.lh-contact-d li textarea{line-height:20px; padding:15px 20px; height:55px;}

.lh-contact-d li i{position:absolute; right:20px; line-height:55px;}

.lh-contact-d li .sub{    display: block;

    /* float: right; */

    /* width: 120px; */

    cursor: pointer;

    /* height: 43px; */

    background: #d7000e;

    color: #fff;

    font-size: 18px;

    color: #fff;

    text-align: center;

    line-height: 43px;

    margin-top: 20px;

    transition: 0.5s;

    /* position: relative; */

    /* bottom: 65px; */}

.lh-contact-d li .sub:hover{background:#a10812;}

.lh-contact-e{margin-top:30px; line-height:30px; color:#666;width: 220px;float: right;font-weight: 100;}

.lh-contact-e h3{margin-top:40px;font-size: 14px;font-weight: 100;}

.lh-contact-e h2{margin-top:40px;font-size: 14px;font-weight: 100;}

.lh-title{color:#333; position:relative;}

.lh-title h2{font-size:24px; animation-delay:.1s;font-weight: 400;}

.lh-title h3{font-size:14px; position:relative; padding-left:20px; animation-delay:.2s; margin-top:5px;font-weight: 100;}

.lh-title h3:before{content:''; display:block; width:12px; height:2px; background:#333; position:absolute; left:0; top:50%; margin-top:-1px;}

.lh-contact-f{padding:25px; background: #fff;padding:70px;padding-left:0px;padding-right: 0px;}

.lh-contact-g{margin-top:40px;height: auto;overflow: hidden;}

.lh-contact-g .lh-contact-map{width: 100%;float: right;}











@charset "utf-8";

/* CSS Document */



#certify {

	position: relative;

	width: 1200px;

	margin: 0 auto

}



#certify .swiper-container {

	padding-bottom: 60px;

}



#certify  .swiper-slide {

	width: 520px;

	background: #fff;

	box-shadow: 0 8px 30px #ddd;

}

#certify  .swiper-slide img{

	display:block;

	width: 100%;

}

#certify  .swiper-slide p {

	line-height: 98px;

	padding-top: 0;

	text-align: center;

	color: #636363;

	font-size: 1.1em;

	margin: 0;

}



#certify .swiper-pagination {

	width: 100%;

	bottom: 20px;

}



#certify .swiper-pagination-bullets .swiper-pagination-bullet {

	margin: 0 5px;

	border: 3px solid #fff;

	background-color: #d5d5d5;

	width: 10px;

	height: 10px;

	opacity: 1;

}



#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {

	border: 3px solid #00aadc;

	background-color: #fff;

}



#certify .swiper-button-prev {

	left: -30px;

	width: 45px;

	height: 45px;

	background: url(../Image/wm_button_icon.png) no-repeat;

	background-position: 0 0;

	background-size: 100%;

}



#certify .swiper-button-prev:hover {

	background-position: 0 -46px;

	background-size: 100%

}



#certify .swiper-button-next {

	right: -30px;

	width: 45px;

	height: 45px;

	background: url(../Image/wm_button_icon.png) no-repeat;

	background-position: 0 -93px;

	background-size: 100%;

}



#certify .swiper-button-next:hover {

	background-position: 0 -139px;

	background-size: 100%

}







/* sever */

.severbox {width: 100%;padding-top: 40px;}

.severbox1{background: #676767;border-radius: 30px;margin:30px auto;padding:28px;text-align: center;color: #fff;min-height: 150px;}

.severbox1-li{width: 12.3%;float: left; height: 100%;transition: 0.5s;-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;padding:0 10px;color: #fff;}

.severbox1-li:nth-of-type(1){border-left: none;}

.severbox1-li:nth-of-type(8){border-right:none;}

.severbox1-li a{display: block;width: 100%;height: 100%;transition: 0.5s;border-radius: 0;position: relative;}

.severbox1-li i{color: #fff;font-size: 45px;height: 60px;display: block;position: relative;top:10px;margin-bottom: 15px;}

.severbox1-li p{color: #fff;line-height: 19px;height: 45px;}

.severbox1-li:hover a{background: #009b4d;border-radius: 10px;position: relative;width: 130%;height: 160%;position: relative;bottom: 5px;right:30px;}

.severbox1-li:hover i{}







.s-t{text-align: center;}

.s-t1{font-size: 36px;color: #009b4d;font-weight: bold;line-height: 45px;}

.s-t2{width: 133px;height: 3px;background: #ccc;margin:10px auto 30px;}





.s-t3 li{color: #3a9f5f;line-height: 28px;font-size: 17px;font-weight: lighter;}





.sever5 .s-t3 li{color: #009b4d;}







.sever-c{text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height: 38px;font-size: 17px;font-weight: lighter;}

.sever-c-top{padding:0 20px;}







.sever1{padding:100px 0;}







.sever2{padding:100px 0;background:url(../Image/s1.jpg) no-repeat  center center;background-attachment: fixed;}

.sever-img{width: 100%;height: auto;overflow: hidden;margin-top:40px;}

.sever-img img{max-width: 100%;}

.sever-img-left{}

.sever-img-right{}

.sever-img-right img{max-width: 100%;}



.sever3{padding:100px 0;}





.sever4{padding:100px 0;background:url(../Image/s2.jpg) no-repeat  center center;background-attachment: fixed;}











.sever5{padding:100px 0;}

.sever6{padding:100px 0;background:url(../Image/s3.jpg) no-repeat  center center;background-attachment: fixed;}



.sever7{padding:100px 0;}

.sever8{padding:100px 0;}

.sever-c-left{}

.sever-c-left  img{display: block;max-width: 100%;}





.sever-c-rights{width: 50%;float: right;}

.sever-c-rights img{max-width: 100%;}

.sever-c-right{width: 50%;float: left;text-align: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-top: 30px;}







.sever-c-right-t{font-size: 30px;color: #676767;}

.sever-c-lefts{text-align: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-top: 30px;padding-right: 30px;}



.sever9{padding:100px 0;background:url(../Image/s4.png)  center center;background-attachment: fixed;}









.sever-text-left{width: 540px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:0 25px;text-align: left;line-height: 25px;}

.sever-text-left li:nth-of-type(2){padding-top: 40px;}

.sever-text-left li{line-height: 32px;}

.s-t3 li{display: block;width: 100%;}

.s-t3{margin-bottom: 30px;height: auto;overflow: hidden;}

.sever-text-right{width: 540px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:0 25px;text-align: left;line-height: 25px;padding-top: 40px;}

.sever-text-right img{display: block;width: 100%;}

.bolds{font-weight: bold;font-size: 30px;color: #009b4d;line-height: 45px;padding-top: 30px;}

.boldss{font-weight: 400;font-size:17px;color:#333333;line-height: 27px;}





.sever-cb{-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;padding:0 80px;}

.sever-c ul {text-align: center;}

.sever-c ul li{display: inline-block;text-align: center;margin:5%;}

.sever-c ul li img{display: block;margin:0 auto;}

.sever-c ul li span{display: block;}







.networds{background:url(../Image/wordbg.jpg) no-repeat  center center;}









.netword{background:url("../Image/netword.jpg") no-repeat top center;padding-top: 501px;}

.netword-c{display: flex; display: -webkit-flex;flex-wrap: wrap;align-items: center;justify-content: center;overflow: hidden;}

.netword-c-li{width: 100%;margin: 45px 0;} 





.networdsc{border-top:1px solid #ccc;margin:80px auto;border-bottom:1px solid #ccc;padding: 30px;}







.nclt{width: 100%;float: left;font-weight: bold;font-size: 22px;color:#009b4d;margin-bottom: 30px;}

.nclc{width: 33%;float: left;line-height: 32px;font-size: 16px;margin-bottom: 35px;}

.wot{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}



.nclc li{float: left;margin-right: 10px;}









.products-li{margin-bottom: 30px;min-height:250px;padding-left:5px; padding-right: 5px;}

.products-li img{display: block;width: 100%;float: left;}

.products-li-1{height: 262.5px;overflow: hidden;}

.products-li-1 img{display: block;width: 100%;height: 100%;background: #fff;}

.products-li-2{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:3% 5%;background: #fff;}



.products-li-2-1{color: #282828;font-size: 16px;height: 45px;

}

.products-li-2-2 span{display: block;width: 30%;height: 3px;background: #807e7e;}



.products-li-2-3{padding-top:10px;line-height: 22px;font-size: 14px;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;}

.products-li:hover .products-li-2{background: #cf0000;}

.products-li:hover .products-li-2-1{color: #fff;}

.products-li:hover .products-li-2-2 span{background: #fff;}

.products-li:hover .products-li-2-3{color: #fff;}









@media screen and (max-width:640px){

	.in-04box .container{padding:0;}

	.in-01t1 {font-size: 24px;}

	.in-01t1  i{font-size: 63px;}

	.in-01t2 span{font-size: 12px;}

	.in-01c-li p{font-size: 14px;}

	.in-01tent-4,.in-01tent-1{padding:20px 35px; }

.in-01c-right .rightli-3 li{width: 100%;}

.footnav a{margin:0 10px;text-align: left;}

.footnav {text-align: left;}

.in-06 .container {padding:0;}

.n-c {padding: 0;}

.n-c1 {padding: 0!important;;}

ol.news {

    height: auto;

}

.news .news_two_img {

    padding-right: 0;

}

.news_two_box {

    padding: 5px!important;

}



.right {

    padding-left: 0;

    padding-right: 0;

}



.products-li-2-1 {

    font-size: 15px;

}

.products-li{padding:0 5px!important;}

.head_inner_center .left{padding-left:0;padding-right:0;}

.navi a{padding:0 13px;}

.head_inner_center {height: 75px;}

.navbox  a{border: 1px solid #ccc;font-size: 12px;margin:5px;line-height: 35px;}

.in-01contents h1 {font-size: 30px;}

}