.content{ width: 1170px; height: auto; overflow: hidden; margin: 55px auto 38px auto; padding-bottom: 70px; background: url("../images/winco05.png") left bottom repeat-x;}
.content1{ width: 1170px; height: auto; overflow: hidden; margin: 55px auto 38px auto; padding-bottom: 70px;}
.left{width: 280px; height: auto; overflow: hidden;}
.right{ width:818px; }

.subnav .subtitle{ background: #0c6fa7; height: 80px; padding-top: 25px; margin-bottom: 18px; text-align: center;}
.subnav .subtitle h3{ font-size: 24px; font-weight: bold; color: white; }
.subnav .subtitle span{ font-size: 16px; color: white; display: block; margin-top: 6px; }



.submenu {margin: 0;padding: 0; overflow: hidden;}
.submenu a{ font-size: 18px; font-weight: 600;}
/*隐藏input*/
.submenu li input{position: absolute;left: 0;opacity: 0;z-index: 2;cursor: pointer;height: auto; width:230px;top: 0; display: block;}
/*所有菜单项设置统一样式*/
.submenu li { position: relative;list-style: none;}
.submenu li .cur{ display: block; }
.submenu li .file{ background: url("../images/icon_5-1.jpg") 50px 23px no-repeat;}


/*一级菜单加下边线*/
.submenu>li{border-bottom: 1px solid #d9d9d9;}
/*给有子菜单的菜单项添加背景图标*/
.submenu li label {  padding: 21px 0 21px 50px; cursor: pointer;display: block;background: url("../images/icon_5.jpg") 0 23px no-repeat; white-space:nowrap;overflow:hidden;text-overflow: ellipsis; }
.submenu li label:hover { background:#0c6fa7 url("../images/icon_4-1.jpg") 27px 23px no-repeat; }
.submenu li label:hover a {  color: white;}
.submenu li label:hover,li label:focus{background:#0c6fa7  url("../images/icon_4-1.jpg") 0 23px no-repeat;color:#fff;}
/*清除所有展开的子菜单的display*/
.submenu li input + ul{display: none;}
/*当input被选中时，给所有展开的子菜单设置样式*/
.submenu input:checked + ul { width: 280px; height: auto;display: block;}
.submenu input:checked + ul > li { height: auto;background: url("../images/icon_5-1.jpg") 50px 23px no-repeat;}
/*末层菜单为A标签，设置样式*/
.submenu li.file a{ font-size: 16px; font-weight: normal; padding: 21px 0 21px 70px; text-decoration:none;display: block;color:#6a6a6a; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.submenu li.file a:hover,li.file a:focus{background:#0c6fa7 url("../images/icon_4.jpg") 50px 23px no-repeat; color:#fff;}
/*不同层级的菜单字体大小不同*/

.content .title{ margin-top: 14px; margin-bottom: 40px;}
.content .title li{ font-size: 38px; color: #333333; font-weight: bold;}
.brief-top{ height: auto; overflow: hidden; margin-bottom: 50px; }
.brief-top .img{ width: 408px; height: 236px; overflow: hidden; }
.brief-top .img img{ width: 100%; height: auto; min-height: 100%;}
.brief-top .brief-right{ width: 392px; height: 236px; padding-left: 18px; background: #0c6fa7; color: white; }
.brief-top .brief-right .brief-title{  margin-top: 36px }
.brief-top .brief-right .brief-title .li-1{ font-size: 22px; font-weight: bold; letter-spacing:4px; }
.brief-top .brief-right .brief-title .li-2{ font-size: 10px; margin-top: 4px; font-family: Arial; margin-bottom: 26px; }
.brief-top .brief-right .more{ margin-top: 40px; }
.brief-top .brief-right .more a{ display: block; width: 64px; height: 26px; border: 1px solid #85c1f5; color: white; font-size: 16px; font-weight: bold; text-align: center;letter-spacing:4px;}
.brief-top .brief-right .more a:hover{ background: white; color: #0c6fa7; transition: .7s;}

.intro{ color: #333333; font-size: 14px; line-height: 26px;}
.intro img{ width: auto; max-width: 100%;}
.qual .list{ width: 256px; height: 208px; padding-top: 28px; padding-bottom: 12px; margin: 0 7px 30px 7px; border: 1px solid #f2f2f2; float: left; overflow: hidden;}
.qual .list li{ display: block; width: 100%; text-align: center; margin-top: 14px; color: #333333;}
.qual .list img{ display: block; width: auto; max-width: 100%; height: auto; max-height: 175px; margin: auto; border: none;}

.fenye{ height: auto; overflow: hidden; margin-top: 45px; float: right; }
.fenye li{ display: inline-block!important; margin: 0 5px;}
.fenye li a{ display: block; width: 40px; height: 40px; border: 1px solid #cccccc; font-size: 18px; line-height: 40px; text-align: center; }
.fenye li a:hover{ background: #be0000; color: white; }
.fenye .cur{ background: #be0000; color: white;}

.cp{ width: 100%; height: auto; overflow: hidden; margin-top: 47px; }
.cp .cptop{ padding-bottom: 20px; background: url("../images/icon_6.jpg") bottom left no-repeat;}
.cp .cptop .cpimg{ width: 100%; height: auto; margin-bottom: 20px; }
.cp .cptop .cpimg img{ width: 100%; max-height: 185px; height: auto;}
.cp .cptop h3{ font-size: 18px; color: #333333; font-weight: normal;}
.cp .cptop li{ font-size: 16px; color: #666666; height: 20px; overflow: hidden; margin-top: 38px;}

.cp .cplist{ margin-top: 24px; }
.cp .cplist li{ margin: 6px 0; }
.cp .cplist li a{ color: #666666;}
.cp .cplist li a:hover{ color: #be0000; }

.new{ width: 100%; height: auto; overflow: hidden; padding: 25px 0; border-bottom: 1px solid #d9d9d9;}
.new .new-img img{  float: left; width: 200px; height:150px; }
.new .new-right{ width: 570px; overflow: hidden; float: left; padding-left: 20px; padding-top: 10px;}
.new .new-right .new-title h3{ font-weight: normal; height: 26px; overflow: hidden;}
.new .new-right .new-title a{ font-size: 18px; }
.new .new-right .date li{ color: #666666; margin-top: 30px;}

.product h3{ font-size: 18px; color: #333333; font-weight: bold; margin-bottom: 16px; margin-top: 45px;}
.product .pro-list{ width: 262px; height: 270px; padding-top: 33px; margin: 14px 5px; float: left; position: relative;}
.product .pro-list .pro-title li{ display: block; width: 212px; text-align: center; padding-top: 20px; margin: 30px auto 0 auto; border-top: solid 1px #dddddd; color: #333333;}
.product .pro-list img{ display: block; width: auto; max-width: 100%; height: auto; max-height: 175px; margin: auto; border: none;}
.product .pro-list a{ color:#000000;}

.prohover{ display: none;}
.prohover li{color: white; text-align: center; padding-top: 100px;}
.pro-list:hover .prohover a{ position: absolute; bottom:70px; left: 81px; text-align: center; width: 100px; height: 26px; border: 1px solid white; line-height: 26px; color: white; }
.pro-list:hover .prohover{ display: block; background: rgba(6, 75, 135, .8); transition: .8s; width: 263px; height: 303px; position: absolute; top: 0; left: 0;}


.jishu{ height: auto; overflow:  hidden; margin-bottom: 50px;}
.jishu p{ color: #333333; line-height: 26px;}
.abouttitle{margin-bottom:30px;position: relative; text-align: center;}
.abouttitle em{ width:100%;height:1px;background:#DCDCDC; display: block;margin-top:-13px;}
.abouttitle span{ position: relative;font-size:22px; font-weight: bold;padding:0 30px;background:#fff; color: #333333;}

.tongzhi{ height: auto; overflow: hidden; padding: 36px 0 32px 0; border-bottom: solid 1px #e9e9e9;}
.tongzhi a{ padding-left: 10px; font-size: 16px; display: block; max-width: 670px; float: left;background: url("../images/icon.png") left center no-repeat;}
.tongzhi a:hover{ text-decoration: underline; }
.tongzhi span{ display: block; float: right; font-size: 15px; color: #333333;}

.contact{ width: 1170px; height: auto; overflow: hidden; margin: 0 auto;}
.searchcity {padding:65px 0 18px;}
.searchcity ul li{width:584px;  float:left; border-bottom:1px solid #E9E9E9; padding:35px 0;}
.searchcity ul li .cityitem{padding:0 85px; border-right:1px solid #E9E9E9; color:#333333;}
.searchcity ul li h4{ font-size:16px;padding-bottom:25px; color:#333333; font-weight:600;}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0; *display:none;}
.clearfix{*zoom:1;}
.searchcity ul li{height:165px; overflow:hidden;}
.erji{ text-align: center; margin-top: 72px;}
.erji li{ display: inline-block!important; margin: 0 14px;}
.erji li a { display: block; font-size: 16px; height: 35px; line-height: 33px; padding: 0 28px; color: #064b87;}
.erji .cur{ background: #064b87; color: white;  border-radius: 30px;}
.erji a:hover{ background: #064b87; color: white;  border-radius: 30px;}

.dinggou{ margin-bottom: 50px;}
.dgtitle{margin-bottom:35px; margin-top:64px; position: relative; text-align: center;}
.dgtitle em{ width:192px;height:1px;background:#DCDCDC; display: block; margin: -16px auto 0 auto;}
.dgtitle span{ position: relative;font-size:28px; font-weight: bold;padding:0 22px;background:#fff;}
.abstract{ margin-bottom: 75px;}
.abstract p{ text-align: center; font-size: 14px; color: #333333; }
.abstract span{ color: #be0000;}

.wid{ width: 445px; margin: 0 70px;}
.wid2{ width: 1018px; margin: 0 70px;}
.messa li{ margin-bottom: 20px; font-size: 16px; color: #333333;}
.messa input{ height: 35px; border: solid 1px #dad9d9; line-height: 35px; padding-left: 10px; color: #333333; font-size: 14px; }
.messa textarea{  border: solid 1px #dad9d9; line-height: 26px; padding-left: 10px; color: #333333; font-size: 14px; }
.messa .inp-1{ width: 433px;}
.messa .inp-2{ width: 1018px;}
.messa .inp-3{ width: 132px; float: left; margin-left: 70px;}
.messa span{ color: #be0000; display: block; margin-right: 10px; float: left;}
.messa .radio{ line-height: normal; height: auto;}
.yzm{ margin-bottom: 55px;}
.yzm img{ float: left; display: block; margin-right: 10px; border: solid 1px #dad9d9; }
.yzm a{ line-height: 35px; font-size: 16px; color: #0c6fa7; text-decoration: underline;}
.tijiao a{ display: block; background: #ff6600; color: white; font-size: 18px; text-align: center; line-height: 35px; width: 118px; height: 35px; margin: 0 auto; }

.lujing{ width: 410px; float: right;}
.lujing li{ float: right; padding: 0 20px; background: url("../images/icon_8.png") right center no-repeat;}
.lujing a{ color: #0c6fa7;}
.lujing span{ display: block; float: right;}

.recruit{ width: 1170px; margin: 75px auto 0 auto;}
.recruit .rectitle{ width: 760px; float: left;}
.recruit .rectitle h3{ color: #064b87; font-size: 24px;}
.recruit .rectitle span{ font-size: 34px; font-weight: bold; font-family: Arial; color: #e4e6ea; display: block; padding-left: 8px; }


.join{ margin-bottom: 1px; height: auto; overflow: hidden; border: 1px solid #cccccc; background: white; color: #333333;}
.join dt { font-size: 16px; height: 65px; line-height: 65px; padding-left: 20px; cursor:pointer; position: relative; background: #bfbfbf; color: #333333;}
.join dt i{ background: url(../images/icon_13.png) no-repeat; width: 19px; height: 13px; position: absolute; right: 40px; top: 25px;}
.join dd{ padding:0 40px 50px 15px; display: none; line-height: 24px;}
.on dd{ display: block;}
.join .act i{ background: url(../images/icon_12.png) no-repeat;}
.jbox{ width:1170px;}
.w1100{ width: 1100px; padding-bottom: 40px;}
.rect{ padding: 26px 0; margin-bottom: 20px; height: auto; overflow: hidden; border-bottom: solid 1px #cccccc;}
.rect li{ width:350px; float: left; }
.join p{ padding-left: 20px; line-height: 30px;}
.join h3{ margin-top: 35px;}

.jbox dl{
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}


.detailed h3{ font-size: 22px; color: #333333; text-align: center; padding-bottom: 22px; border-bottom: solid 1px #cccccc; }
.detailed span{ display: block; text-align: center; margin-top: 16px; margin-bottom: 22px; font-size: 16px; color: #999999;}
.detailed img{ width: auto; max-width: 100%; height: auto;}
.detailed p{ line-height: 26px; color: #333333;}

.cpxxy{ height: auto; overflow: hidden; padding-bottom: 44px; margin-bottom: 20px; border-bottom: 1px solid #cccccc;  }
.cpxxy .cp-left{ width: 390px; height: 326px; padding-top: 64px; float: left; border: solid 2px #e4e4e4;}
.cpxxy .cp-left img{ display: block; width: auto; max-width: 100%; height: 262px; margin:0 auto;}
.cpxxy .cp-right{ width: 380px; padding-left: 44px; padding-top: 46px; float: left; color: #333333;}
.cpxxy .cp-right h3{ font-size: 22px; font-weight: bold;}
.cpxxy .cp-right ul{ height: 300px; overflow: hidden;}
.cpxxy .cp-right li{ margin-top: 66px; line-height: 26px;}
.cpxxy .cp-right p{ line-height: 26px; font-family: Arial; }
.cpnr{ padding-bottom: 100px; background: url("../images/winco05.png") bottom left repeat-x; margin-bottom: 38px;}
.cpnr p{ color: #333333; line-height: 24px;}
.cpnr img{ width: auto; max-width: 100%; height: auto;}

.xiangguan{ margin-top: 12px;}
.xiangguan .xgtitle li{ font-size: 22px;}
.xiangguan .xg-list{ margin: 22px 13px 0 13px;}
.xiangguan .xg-list .xg-img{ width: 176px; height: 154px; padding-top: 22px; margin-bottom: 16px; border: solid 1px #cccccc; overflow: hidden; }
.xiangguan .xg-list .xg-img img{ display:  block; width: auto; height: auto; max-width: 100%; margin: auto;}
.xiangguan .xg-list span{ display: block; text-align: center; color: #333333;}

.title{ font-size:38px; color:#333333; margin-bottom:40px; }