@charset "utf-8";
/* by cyy 201600713 */
html { }
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; }
body { font-size: 12px;  color: #333; font-family: "微软雅黑"; padding:0; margin:0; }
ul,li { list-style: none; }
img { border: 0; }
input:focus { outline: none; }

/* 圆细滚动条样式 20150717 */
::-webkit-scrollbar{width:6px;height:12px}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 全局 */
a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline;text-decoration:none;}

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.fl { float: left; }
.fr { float: right; }

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

/*头部*/
.header{position:absolute;top:0px;left:0;right:0;z-index:99}
.topbar{ height:30px; line-height:30px;overflow:hidden;margin-top:4px;}
.topbar .wel{color: #fff;background: url(../images/user.png) no-repeat left center;padding-left: 22px;float: left;}
.topbar .tolist{float:right;overflow:hidden;margin-top:2px}
.topbar .tolist li{float:left;text-align:center;}
.topbar .tolist li a{color:#999;padding:0 10px;}
.topbar .tolist li.on {background:#606060;}

.gz{overflow:hidden;float:right;}
.gz span{float:left;font-size:12px; color:#999;}
.gz a{float:left;width:20px;height:30px;background: url(../images/toptel.png) no-repeat center center / 18px; margin-right:6px;}
.gz .weixin{background-image: url(../images/weixin.png)}
.tolist a{color:#666; float:left;}
.slit{background:url(../images/line.gif) no-repeat center center; margin:0 10px; float:left;display:block;height:30px; width:4px;} 
.en{background:url(../images/usa.jpg) no-repeat left center; padding-left:38px; background-size:30px 19px;}
.chi{background:url(../images/china.jpg) no-repeat left center;padding-left:38px;background-size:30px 19px;}
/*head*/

.head{height:104px;margin-top:10px;}
.rigbott{margin-top:16px;}
.head .logo{display:block;height:104px; background:url(../images/logo.png) no-repeat left center; float:left;width:240px; background-size:198px 64px;} 
.topright{float:right;width:960px;}


.head .menu{float:right;margin:0 20px 0 0;}
.head .menu li{float:left;position:relative;}
.head .menu a.nav_li{width:88px; height:40px; display:block; line-height:40px; text-align:center; font-size:15px; padding:0 5px;text-decoration: none;color:#333}
.head .menu a:hover, .head .menu a.hover{}
.head .menu a.nav_li#no_line{ background:none; font-weight:normal;}


.dmenus{width:590px; height:auto; overflow:hidden; left:-178px; position:absolute; z-index:99999; display:none; background:#fff; top:40px; padding-bottom:8px; border-bottom:3px solid #1c8917;}
.dmlist{display:inline; float:left; padding:5px 18px;}
.dmlist h2{line-height:20px; display:block; height:20px; font-size:14px;}
.dmlist a{ width:150px; display:inline; float:left; line-height:14px; color:#999; font-size:12px; padding:5px 10px; }
.dmlist a:hover{ background:#f4f4f4;color:#B30C01;}
.dmlisth .dmlist .tlefts{ display:inline-block; padding:20px 0;}
.dmlisth .dmlist .tlefts .nav_title{ font-size:14px; font-weight:bold;padding:0 10px 12px;}
.dmlisth .dmlist .tlefts .tleft_lt{ width:160px;float:left;margin-right:24px;}
.dmlisth .dmlist .tlefts .tleft_rt{ width:160px;float:left;margin-right:24px;}
.dmlisth .dmlist .tlefts .pro_img{width:180px; height:170px; display:block; float:right;}

.nav_about{width:352px; left:-80px;}
.dmlisth .dmlist .tlefts .tleft_lt_about{ width:90px;float:left; margin-right:40px;}
.dmlisth .dmlist .tlefts .tleft_lt_about a{width:90px;}
.dmlisth .dmlist .tlefts .about_img{width:180px; height:170px; float:right;}
.dmlisth .dmlist .tlefts .about_title{ font-size:14px; font-weight:bold;color:#333}


#fixedMenu, #cbg-main-nav-wrapper { z-index: 9999; position: absolute; top: 30px; left: 0; right:0;}
#fixedMenu.shuai, #cbg-main-nav-wrapper.shuai { position: fixed; top: 0; border-top:2px solid #22A41C;}
.shadow { position: absolute; bottom: -32px; height: 32px; left: 0; width: 100%; background: url(../images/shadow02.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
#fixedMenu.shuai .shadow, #cbg-main-nav-wrapper.shuai .shadow { opacity: 1; filter: alpha(opacity=100); }




.search{float:right;width:200px;border:1px solid #efefef; border-radius:5px;height:26px; line-height:26px;overflow:hidden; margin-top:8px;}
.search .btn{width:38px;height:26px; border:0; cursor:pointer; display:inline-block; float:left; background:#7B7B7B url(../images/serbtn.png) no-repeat center center / 16px;}
.search .i{float:left; width:142px; height:26px; background:#eee;padding:0 10px; border:none;color:#999999; display:inline-block;}

/* 搜索页面*/
.search_box{ width:100%; overflow:hidden; margin-top:20px;}
.webcontent{ width:100%; padding:0; margin:0;}
.search-contents-list .content-list ul{overflow:hidden;margin:0;padding:0;list-style:none}
.content-list ul li{line-height:32px;position:relative;overflow:hidden;width:100%;padding:20px 0;border-bottom:1px dotted #ccc}
.content-list ul img{float:left;width:120px;margin-right:16px}
.content-list ul span{position:absolute;right:0; line-height:32px;}
.content-list ul p{padding-top:.5em;color:#999}
.content-list ul li a{ color:#666666; font-size:14px;}



/*banner*/
.banner{ width:100%; overflow:hidden; margin:0 auto;}
.slider-nav{display:none;}
.slider-page{bottom:3%; height:29px; position:absolute;z-index:99; width:100%; text-align:center;}
.slider-page-item{background:#fff; width:10px; height:10px; border-radius:30px; margin:9px 6px; cursor:pointer; display:inline-block; text-indent:9999px;}
.slider-page-active{background:#ff2b55;width:12px; height:12px;}




/*banner
.slider-wrapper {width:100%; height:100%; overflow:hidden; position: relative; }
.theme-default {width:100%; height:100%; position:relative; overflow:hidden;}
.inbanner {width:100%; height:420px; overflow:hidden; position: relative; }

.theme-default #slider {width:1920px; height:100%;;position:absolute; left:50%; top:0; margin-left:-960px;}
.theme-default #inslide {width:1920px; height:100%;;position:absolute; left:50%; top:0; margin-left:-960px;}
.theme-default .nivoSlider {position:relative;background:#fff url(loading.gif) no-repeat 50% 50%; }
.theme-default .nivoSlider img {position:absolute; top:0px; left:0px; display:none;}
.theme-default .nivoSlider a {border:0; display:block;}
.theme-default .nivo-controlNav {position:absolute; left:51%; bottom:10px; margin-left:-55px;}
.theme-default .nivo-controlNav a {display:block;width:22px;height:22px;background:url(../images/bullets.png) no-repeat;text-indent:-9999px;border:0;float:left;}
.theme-default .nivo-controlNav a.active {background-position:0 -22px;}
.theme-default .nivo-directionNav a {display:block;width:30px;height:30px;background:url(../images/arrows.png) no-repeat;text-indent:-9999px;border:0;}
.theme-default a.nivo-nextNav {background-position:-30px 0; right:100px;}
.theme-default a.nivo-prevNav {left:100px;}
.theme-default .nivo-caption {font-family: Helvetica, Arial, sans-serif;}
.theme-default .nivo-caption a {color:#fff; border-bottom:1px dotted #fff;}
.theme-default .nivo-caption a:hover {color:#fff;}

.nivoSlider {position:relative;}
.nivoSlider img {position:absolute;top:0px;left:0px;}
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;}
.nivo-slice {display:block;position:absolute;z-index:5;height:100%;}
.nivo-box {display:block;position:absolute;z-index:5;}
.nivo-directionNav a {position:absolute;top:45%;z-index:9;cursor:pointer;}
.nivo-prevNav {left:0px;}
.nivo-nextNav {right:0px;}
.nivo-controlNav a {position:relative; z-index:9; cursor:pointer;}
.nivo-controlNav a.active {font-weight:bold;}*/

/*.bannercover { height: 118px; background: url(../images/bannercover.png) no-repeat center center; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 99; }
.theme-default .nivo-controlNav { z-index: 100; bottom: 20px; }*/




.main{}
.dd{}
.main a{float:left;display:block;} 
.main a img{display:block;width:590px;} 
.main .main_ap{margin-right:20px}
.main .title{text-align:center;padding:26px 0;}
.main .title h3{color:#444; font-size:26px; font-weight:normal;}
.main .title p{color:#8F8F8F; font-size:12px;line-height:30px}

.mainbox{overflow:hidden;margin:60px 0 60px;}
.mainbox ul{overflow:hidden;width:1293px;}
.mainbox ul li{float:left;width:338px;margin-right:93px;text-align:center;}
.mainbox ul li a{display:block;}
.mainbox ul li a .img{overflow:hidden; margin:0 auto;}
.mainbox ul li a .img img{display:block;transition:0.5s;width:260px;height:260px;border-radius:50%;margin:0 auto;}
.mainbox ul li a .main_info{margin-top:20px;}
.mainbox ul li a .main_info .subtitle{font-size:18px;color:#22A41C;height:40px; line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600;}
.mainbox ul li a .main_info i{height:1px;width:0;background:#22A41C;transition:.5s;display:block;}
.mainbox ul li a .main_info .subinfo{font-size:13px; color:#848484;line-height:24px; height:50px;overflow:hidden;margin-top:12px;font-family:Arial, "微软雅黑";}
.mainbox ul li:hover a .img img{}
.mainbox ul li:hover a .main_info .subtitle{color:#22A41C; border-bottom:0;}
.mainbox ul li:hover a .main_info i{}


/*首页联系方式*/
.main_ct{padding:60px 0;}
.conbox{overflow:hidden; margin:80px 0 20px;}
.conbox .tit{width:232px; border-right:1px solid #efefef;padding-right:90px;}
.conbox .tit h3{font-size:16px;color:#d3d3d;margin-bottom:25px;font-weight:100;}
.ftcon{width: 156px; overflow:hidden;}
.ftcon a{float:left; display:block; width: 30px;height: 30px;text-align: center;border-radius: 30px;display: block;margin-right: 10px;float: left;border: 1px solid rgba(255, 255, 255, .07);transition: all .3s ease-out 0s}
.tcon{background:#CCCCCC url(../images/wb.png) no-repeat center center / 22px;}
.tcon2{background-color:#CCCCCC;background-image:url(../images/qq.png)}
.tcon3{background-color:#CCCCCC;background-image:url(../images/chat.png)}
.ftcon a img{display:block;width:24px;height:24px;margin:7px auto 0}
.ftcon a:hover {background-color:#257eeb;}

.conbox .add{width:232px; padding-left:90px;padding-right:90px;}
.conbox .add p{font-size:13px; color:#989898;line-height:24px;}
.conbox .conr{width:273px; padding-left:90px; border-left:1px solid #efefef;}
.conbox .conr p{font-size:13px; color:#989898;line-height:24px;}


/*底部*/
.infoot{background:#1C8917; padding-top:50px;}
.infoot .cbg-wrapper{}
.cbg-wrapper .cbg-inline{overflow:hidden;}
.cbg-inline li{float:left;width:18%;}
.cbg-inline li .subtit{margin-bottom:18px;font-size: 18px;color: #fff;font-weight:normal;}
.cbg-inline ul li{width:100%; margin:4px 0;}
.cbg-inline ul li a{font-size:12px; color:#efefef;}
.cbg-inline .col-1{width:12%}
.cbg-inline .col-2{width:20%}
.cbg-inline .col-3{width:20%}
.cbg-inline .col-4{width:13%;}
.cbg-inline .col-6{width:17%;float:right;}
.cbg-inline .col-6 .coltel{font-size:24px;font-weight:600; margin:2px 0;color:#B30C02;}
.cbg-inline .col-6 p img{display:block;width:150px; height:150px;margin:0 auto;}
.cbg-inline .col-6 p{color:#efefef; line-height:22px;font-size:13px;}
.cbg-inline .col-5{width:11%; float:left}
.cbg-inline .col-5 img{width:106px; height:106px; margin-top: 10px;}
.key{ margin-top:48px; border-top:1px solid #188114; color:#efefef;height:60px; line-height:60px;}
.key a{font-size:12px; color:#efefef;}
.key a:hover{text-decoration:underline;}

.cbg-inline .col-11{width:11%; margin:0 20px;}
.cbg-inline .col-22{width:14%; margin:0 20px;}
.cbg-inline .col-33{width:19%; margin:0 20px;}
.cbg-inline .col-44{width:10%; margin:0 20px;}
.cbg-inline .col-66{width:15%;float:right;}



.copy{overflow:hidden;background:#333; height:36px; line-height:36px;}
.copy .link {float:right; overflow:hidden;}
.copy .link .slit{height:36px;}
.copy .link a{color:#efefef; font-size:12px;float:left; margin-left:16px}
.copytxt{float:left;text-align:right;color:#efefef;}
.copytxt a{color:#efefef;}


.bottomfix{position:fixed; bottom:120px;width:40px;right:10px;z-index:99}
.fixqq{width:40px; height:40px; display:block;background:#787878 url(../images/fixqq.png) no-repeat center center /20px;}
.weichat{width:40px; height:40px; display:block;background:#EA493C url(../images/wechat.png) no-repeat center center /20px;}
.fixm{width:40px; height:40px; display:block;background:#24B727 url(../images/fixm.png) no-repeat center center /20px;}
#scrollUp{width:40px; height:40px; display:block;background:#666 url(../images/gotop.png) no-repeat center center /20px; bottom:70px;right:10px;}


/*内容*/
.inbanner img{display:block; }
.content{ width:100%; background-color:#f2f2f2; padding-bottom:40px;}
.con_nr{ margin:0 auto;}
.con_nr h2{ font-size:24px;  text-align:center; margin:0 auto; height:100px; line-height:100px; background:url(../images/bg_nr.jpg) no-repeat center 26px; color:#1c8917}
.abtit{float:left; padding:0 20px; font-size:16px; margin-top:24px; margin-left:40px; height:32px; line-height:32px; color:#999}
.abtit .split{font-size:12px; color:#f1f1f1;margin:0 12px;}
.abtit ul{ margin:0; padding:0; list-style:none;}
.abtit ul li{ float:left; padding:0 10px;  background:url(../images/com_line.jpg) right no-repeat;}
.abtit ul li a:hover,.abtit ul li a.selected{ color:#21A51B;}
.abtit ul li:first-child{ padding-left:0;}
.abtit ul li:last-child{ background:none}
.con_nr .nr{ background-color:#FFF;  border:1px solid #dedede; box-shadow:0px 15px 30px rgba(0,0,0,0.1);}
.con_nr .nr .lm_qp{font-size:14px; margin-top:24px; margin-right:20px; height:32px; line-height:32px; color:#999}
.con_nr .nr .lm_qp a{ font-size:14px; color:#999}
.con_nr .nr .lm_qp{ float:right; background:#f1f1f1; padding:0 20px; border-radius:15px; position:relative;}
.con_nr .nr .lm_qp em{ position:absolute; width:0; height:0; border:8px solid transparent; border-top-color:#f1f1f1; bottom:-16px; right:40px;}
.con_nr .nr .ny_zw{ margin-top:60px; font-weight:normal;  position:relative; padding:30px 60px 60px; font-size:14px; color:#666; line-height:28px;  overflow: hidden;}



/*招聘*/
.recruit{ margin-top:60px; font-weight:normal;  position:relative; padding:30px 60px 60px; font-size:14px; color:#666; line-height:28px;  overflow: hidden;}
.recruit ul{ width:1120px; overflow:hidden;}
.recruit ul li{ width:478px; float:left; margin-right:40px; margin-top:25px; padding:12px 18px; background:#f7f7f7; display:block;}
.recruit ul li a{ color:#666;}
.recruit ul li a span{ width:100px; float:left; background:url(../images/news_li.png) no-repeat 80px center; color:#999; font-size:12px;}
.recruit ul li a .desc{ display:block; font-size:14px; background:url(../images/news_more.png) no-repeat right center;}
.recruit ul li a:hover{ color:#1c8917;}





/*产品*/
.prosub { margin: 10px auto 30px; line-height: 30px; border-top: 1px solid #dedede; box-shadow: 0 5px 15px rgba(0,0,0,0.1);  }
.prosub .item { border-bottom: 1px solid #dedede; background: #f9f9f9;  }
.prosub .item .name { float: left; width: 100px; font-size: 15px; padding: 10px 0 10px 20px; text-transform: uppercase; line-height:30px; }
.prosub .item .con1 { padding: 5px; margin-left: 120px; overflow: hidden; background: #fff; line-height: 40px; }
.prosub .item .con1 a { font-size: 13px;  color: #999; float: left; padding: 0 16px; line-height: 30px; height: 30px; border-radius: 15px; text-decoration: none; margin: 5px 5px;}
.prosub .item .con1 a:hover { background: #f1f1f1; color: #21A51B; }
.prosub .item .con1 a.on { background: #21A51B; color: #fff; }


.probox{overflow:hidden;margin:40px 0 70px;}
.probox ul{overflow:hidden;width:1125px;}
.probox ul li{float:left;width:330px;margin-right:45px;margin-bottom:46px;}
.probox ul li a{display:block;}
.probox ul li a .img{overflow:hidden;}
.probox ul li a .img img{width:368px;height:138px;display:block;transition:0.5s;}
.probox ul li a .main_info{margin-top:15px;}
.probox ul li a .main_info .subtitle{font-size:16px;color:#595959;height:40px; line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-bottom: 1px solid #E1E1E1;}
.probox ul li a .main_info i{height:1px;width:0;background:#22A41C;transition:.5s;display:block; margin-top:-1px;}
.probox ul li a .main_info .subinfo{font-size:13px; color:#848484;line-height:24px; height:50px;overflow:hidden;margin-top:10px;}

.probox ul li:hover a .img img{transform:scale(1.1,1.1);}
.probox ul li:hover a .main_info .subtitle{color:#22A41C;}
.probox ul li:hover a .main_info i{width:100%;}

/*page*/
.pages{margin:62px auto 16px;text-align:center;width:100%;}
.pagination{text-align:center;display: inline;}
.pagination li{display: inline;padding:6px 10px;background-color:#f1f1f1;margin:7px;}
.pagination li a{color:#fff;text-align:center;line-height:20px;font-size:12px; color:#999}
.pagination li.active{background:#21A51B;color:#fff;}
.pagination li.active a{color:#fff;}
.pagination li.disabled{width:74px;}
.pagination li.disabled a{width:60px;}

.intit{text-align:center;padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #f1f1f1;}
.intit .tit{font-size:16px; color:#333;}
.intit .subtit{font-size:12px; color:#999;margin:6px 0 0}
.intit .subtit span{margin:0px 6px}
.next{margin-top:36px;}



/*新闻*/
.newbox{}
.newbox ul{width:1125px;}
.newbox ul li{float:left;width:330px;margin-right:45px;height:330px;}
.newbox ul li a{display:block;transition: all 0.6s ease 0s;z-index:5;position:relative}
.newbox ul li a .img{overflow:hidden;}
.newbox ul li a .img img{width:368px;height:138px;display:block;}
.newbox ul li a .main_info{position:absolute; left:0;right:0;top:158px;}
.newbox ul li a .main_info .td{border-bottom: 1px solid #E1E1E1;padding-bottom:20px;}
.newbox ul li a .main_info .subtitle{font-size:16px;color:#595959;height:30px; line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.newbox ul li a .main_info .date{font-size:12px;color:#999;}

.newbox ul li a .main_info .subinfo{font-size:13px; color:#848484;line-height:24px; height:50px;overflow:hidden;margin-top:20px;}
.newbox ul li:hover a .main_info .subtitle{color:#22A41C;}

.newbox ul li:hover a{margin-top:-20px;}
.newall{margin:40px 0 60px;}
.newall ul{}
.newall ul li{overflow:hidden;border-bottom:1px dashed #efefef; line-height:48px; padding-left:10px; }
.newall ul li a{display:block;float:left;width:900px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:14px; color:#666; background:url(../images/ll.gif) no-repeat left center / 8px; padding-left:22px;}
.newall ul li span{float:right;font-size:13px;color:#aeaeae; margin-right:10px;}
.newall ul li:hover{background:#f7f7f7;}

.newall ul li:hover a{color:#22A41C;}


.news-content-title{ line-height:24px; font-size:15px; overflow:hidden;font-weight:bold; text-align:center; margin:15px 0 16px;}
.news-contents{margin:10px 0 0; padding:0 5px;}

.contents-detail{ margin:10px auto;}
.pro-title{font-size:16px; font-weight:bold; text-align:center; margin:15px 0;}

.contents-rounds{border-top:1px solid #ccc; padding-top:20px; margin-top:30px;}
.contents-rounds a{color:#333; padding:20px 0;}
.contents-rounds a:hover{color:#009cdc;}
/*联系方式*/
.inbigtitle { margin: 20px 90px; height: 40px; line-height: 40px; }
.inbigtitle h1 { height: 40px; background: #21A51B; color: #fff; line-height: 40px; font-size: 16px; text-align: center; border-radius: 20px; position: relative; width: 420px; margin: 0 auto 20px; }


.contactlist { padding-top: 50px; margin-top:40px;width:536px;float:left; overflow:hidden;}
.contactlist li { text-align: center; cursor: default; width:240px; float:left; margin:0 14px 60px; }
.contactlist li .wcon { border: 1px solid #dedede; padding: 10px; height: 145px; }
.contactlist li:hover .wcon { border-color: #59a2a5; }
.contactlist li .img { width: 80px; height: 80px; background-repeat: no-repeat; background-position: center 0; margin: -45px auto 10px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.contactlist li:hover .img { background-position: center -80px; }
.contactlist li .name { color: #21A51B; display: block;margin-top:20px; }
.contactlist li .info { color: #666; display: block; font-size: 14px; }


.contactwebsite { height: 60px; line-height: 60px; background: #f1f1f1; border: 1px solid #dedede; border-radius: 30px; width: 600px; margin: 50px auto; text-align: center; margin-bottom: 50px; }
.contactwebsite .icon { width: 60px; height: 60px; float: left; background: #21A51B url(../images/contacticon05.png) no-repeat center center / 32px; border-radius: 30px; }
.contactwebsite span { font-size: 14px; color: #666; }
.contactwebsite strong { font-size: 16px; color: #21A51B; margin-left: 20px; margin-right: 50px; }

/*留言*/

.messagetit { font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px; font-family: microsoft yahei; color: #666; resize: none; width: 100%; height: 160px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; box-sizing: border-box; }
.messagetarea:focus { color: #333; border: 1px solid #3498db; outline: none; box-shadow: 0 0 5px #3498db; background: #fff; }
.messageinput { width: 30%; padding: 10px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0; font-family: microsoft yahei; color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messageinput:focus { color: #333; border: 1px solid #3498db; outline: none; box-shadow: 0 0 5px #3498db; background: #fff; }
.messagebtn { width: 200px; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #b4c8b3; color: #2d3e50; border-radius: 4px; font-family: microsoft yahei; cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 500px; color: #fff; background: #22A41C; margin-top:30px;}
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }

.inputform{margin:0;padding:1em 0}
.inputform input,.inputform select,.inputform textarea{margin:0; padding-left:5px;}
.inputform .form-group{overflow:hidden;margin-bottom:1em}
.inputform .form-group .form-label{float:left;width:13%;text-align:right}
.inputform .form-group .form-label label{display:block}
.inputform .form-group .form-label em{margin-right:.5em;color:#f00}
.inputform .form-group .form-control{position:relative;margin-left:15%;}
.inputform .form-button{padding-left:15%;}
.inputform .form-button input{width:280px; border:none; height:36px;  text-align:center; background:#ef4343; display:block;  color:#fff; font-size:15px; margin-top:10px;}
.inputform .form-text .form-label label,.inputform .form-select .form-label label,.inputform .form-textarea .form-label label{padding-top:0px}
.inputform .form-text .form-label input,.inputform .form-select .form-label input,.inputform .form-textarea .form-label input,.inputform .form-text .form-label select,.inputform .form-select .form-label select,.inputform .form-textarea .form-label select,.inputform .form-text .form-label textarea,.inputform .form-select .form-label textarea,.inputform .form-textarea .form-label textarea{border:1px solid #ddd}
.inputform .form-checkbox .form-control label,.inputform .form-radio .form-control label{margin-right:.8em}
.inputform .form-checkbox .form-control input,.inputform .form-radio .form-control input{margin-right:.3em;padding:0}

.feedbackcon{ width:800px; margin:0 auto; margin-top:20px; font-size:15px; color:#7b7b7b; line-height:34px;}
.feedbackone{ color:#ff3337; border-bottom:1px solid #dadada; font-size:18px; padding-bottom:10px; padding-left:10px; width:680px; margin-bottom:20px;}
.feedbackcon input{ width:269px; height:34px; border:1px solid #e8e8e8;}
.feedbackcon textarea{border:1px solid #e8e8e8;width:550px; padding-top:8px; height:140px;}
.feedbacksr{border-top:1px solid #dadada; width:660px; margin-top:30px;}
.feedbackmt{ margin-top:20px;}
.feedbacktitle{ width:90px; text-align:right;}

.mtop,.mtopbg,.mfloatbg,.mfloat {display:none;}


/*应用*/
.appl_box{overflow:hidden;margin:40px 0 70px;}
.appl_box ul{overflow:hidden;width:1125px;}
.appl_box ul li{margin-bottom:46px;overflow:hidden;}
.appl_box ul li a{display:block;}
.appl_box ul li .img{width:200px;float:left;overflow:hidden;}
.appl_box ul li .img img{width:200px;height:150px;display:block;transition:0.5s;}
.appl_box ul li .main_info{float:left;margin-left:50px;width:830px;}
.appl_box ul li .main_info .subtitle {font-size:16px;color:#333;height:40px; line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.appl_box ul li .main_info .subinfo{font-size:13px; color:#848484;line-height:24px; overflow:hidden;margin-top:10px;}
.appl_box ul li:hover .img img{transform:scale(1.1,1.1);}
.appl_box ul li .mo{ display:block;  background-color:#b8e2b7;border-radius:15px;  width:100px; height:28px;line-height:28px; text-align:center; text-decoration:none; color:#21A51B; margin-top:20px;}
.appl_box ul li .mo:hover{ text-decoration:none; background-color:#21A51B; color:#fff;}
.appl_box ul li:hover .main_info .subtitle a{color:#21A51B}

/*修改左右结构*/

.content .side{float:left;width:280px;margin-top:50px;}

.side h3{background:#21A51B;font-size:18px; color:#fff;line-height:40px; padding:0 16px;}
.sidelist{padding:20px;box-shadow: 0px 0px 6px #ccc;-webkit-box-shadow: 0px 0px 6px #ccc; background:#fff;margin-bottom:20px;}
.sidelist ul{overflow:hidden;margin-bottom:26px;}
.sidelist ul li{ border-bottom:1px dotted #f1f1f1; padding:10px 0; line-height:16px;background:url(../images/pro_list_li.jpg) 12px 18px no-repeat; }
.sidelist .big{ height:54px; line-height:54px; background:#21A51B url(../images/brer.gif) no-repeat 36px center;padding-left:46px}
.sidelist .big a{font-size:16px; color:#FFF; font-weight:bold;padding-left:18px}
.sidelist .big a:hover{ background:none;}
.sidelist ul li a{display:block;color:#666;font-size:12px;overflow:hidden;padding-left:10px; margin-left:24px;}
.sidelist ul li a i{display:block;}
.sidelist ul li:hover{ transition:.5s;background:#f2f2f2 url(../images/pro_list_li.jpg) 12px 18px no-repeat; }


.sidelist .logo{width:100px; display:block; margin-bottom:10px;}
.sidelist .p1{height:30px;line-height:30px;padding-top:20px;border-bottom:1px solid #ccc;}
.sidelist .p2{line-height:30px;padding-top:10px;color:#555;}
.content .mainc{float:right;width:800px;background:#fff;padding:20px 40px 30px;box-shadow: 0px 0px 6px #ccc;-webkit-box-shadow: 0px 0px 6px #ccc;margin-top:50px;}

.content .mainc .title { height: 22px; border-bottom: 1px solid #ecf2f6; margin-bottom: 20px; }
.content .mainc .title .name { float: left; background: #fff; font-family: microsoft yahei; padding: 0 20px 0 0; }
.content .mainc .title .name .cnn { font-size: 20px; color: #1c8917; font-weight:bold; padding-top:7px; }
.content .mainc .title .name .enn { font-size: 13px; color: #555; text-transform: uppercase; }
.content .mainc .title .now { float: right; line-height: 44px; font-family: microsoft yahei; background: #fff; padding-left: 20px; color: #999; }
.content .mainc .title .now .split { font-family: simsun; color: #ddd; }
.content .mainc .title .now a { color: #999; }
.content .mainc .con { padding: 20px 0; font-family: microsoft yahei; font-size: 14px; line-height: 24px; }
.content .mainc .con p { margin-bottom: 20px; }
.content .mainc .iprobox{overflow:hidden;margin:60px 0 0;}
.content .mainc .inprolist ul{overflow:hidden;width:831px;}
.content .mainc .inprolist ul li{float:left;width:246px;margin-right:31px;margin-bottom:30px;}
.content .mainc .inprolist ul li a{display:block;}
.content .mainc .inprolist ul li a .img{overflow:hidden;}
.content .mainc .inprolist ul li a .img img{width:246px;height:138px;display:block;transition:0.5s;}
.content .mainc .inprolist ul li a .main_info{margin-top:15px;}
.content .mainc .inprolist ul li a .main_info .subtitle{font-size:16px;color:#595959;height:40px; line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-bottom: 1px solid #E1E1E1;}
.content .mainc .inprolist ul li a .main_info i{height:1px;width:0;background:#22A41C;transition:.5s;display:block; margin-top:-1px;}
.content .mainc .inprolist ul li a .main_info .subinfo{font-size:13px; color:#848484;line-height:24px; height:50px;overflow:hidden;margin-top:10px;}
.content .mainc .inprolist ul li:hover a .img img{transform:scale(1.1,1.1);}
.content .mainc .inprolist ul li:hover a .main_info .subtitle{color:#22A41C;}
.content .mainc .inprolist ul li:hover a .main_info i{width:100%;}
.incontt{padding-top:50px;}
.incontt .intit {margin-bottom:0; border-bottom:0;}
.incontt .incontinfo{font-size: 14px;color: #666;line-height: 28px;padding:0;}
.incontt .incontinfo img{max-width:100%}


.incobox{overflow:hidden; margin-bottom:16px}