﻿/**头部导航样式**/
.Circle{ margin:0 auto; width:84px;margin-top:10px;}
.Circle span{ background:#c2c2c2; display:block; width:11px; height:11px; border-radius:11px;-moz-border-radius:11px; -o-border-radius:11px; -webkit-border-radius:11px; margin:5px; cursor:pointer;}
.Circle span:hover,.Circle span.circleSel{ background:#2b86e2;-webkit-transition-property: all;-moz-transition-property: all;-o-transition-property: all;transition-property: all;-webkit-transition-duration: .2s;-moz-transition-duration: .2s;-o-transition-duration: .2s;transition-duration: .2s;-webkit-transition-timing-function: ease-in;-moz-transition-timing-function: ease-in;-o-transition-timing-function: ease-in;transition-timing-function: ease-in;}
.headPage .keleyi ul .active a{color: #be1f20;}
/**banner样式**/
.banner{ width:100%;}


/**我们的服务 样式**/
.serviceAll{width:100%; background:#fff;}
.service,.dynamic,.product,.coop{width:1003px; margin:0 auto; padding:55px 0px;}
.serTi,.dyTi,.proTi,.cooTi{width:600px; text-align:center; margin:0 auto;}
.serTitle{ width:600px; height:46px; background:url(../images/title1.jpg) no-repeat top center; margin:0 auto;}
.serWord{ color:#615150; line-height:22px;}
.serInfor{ width:1003px; margin:0 auto;}

.iconList{border-bottom:1px solid #e3e3e3; width:1003px; height:142px; text-align: center; font-size:18px; color:#b3b3b2; margin-top:40px;}
.iconList li{ position:relative; margin-left:62px;}
.iconList li.iconFist1{ margin-left:100px;}
.iconList li a{ display:block; color:#b3b3b2;cursor: auto ;}
.iconList li a:hover,.iconList li a.iconActive{border-bottom:1px solid #be1f20;color:#be1f20;}

.iconList li a .icon1{ display:block; width:115px; height:80px;}
/*
.iconList li a .icon1{ display:block; width:115px; height:80px; background:url(../images/icon1.png) no-repeat top center;}
.iconList li a:hover .icon1,.iconList li a.iconActive .icon1{ background:url(../images/icon1_h.png)  no-repeat top center;}
*/


.iconList li a .icon2{ display:block; width:115px; height:80px; background:url(../images/icon2.png) no-repeat top center;}
/*.
.iconList li a:hover .icon2,.iconList li a.iconActive .icon2{ background:url(../images/icon2_h.png)  no-repeat top center;}
*/
.iconList li a .icon3{ display:block; width:115px; height:80px; background:url(../images/icon3.png) no-repeat top center;}
/*
.iconList li a:hover .icon3,.iconList li a.iconActive .icon3{ background:url(../images/icon3_h.png)  no-repeat top center;}
*/
.iconList li a .icon4{ display:block; width:115px; height:80px; background:url(../images/icon4.png) no-repeat top center;}
/*
.iconList li a:hover .icon4,.iconList li a.iconActive .icon4{ background:url(../images/icon4_h.png)  no-repeat top center;}
*/
.iconList li a .icon5{ display:block; width:115px; height:80px; background:url(../images/icon5.png) no-repeat top center;}
/*
.iconList li a:hover .icon5,.iconList li a.iconActive .icon5{ background:url(../images/icon5_h.png)  no-repeat top center;}
*/
.iconList li a .icon6{ display:block; width:115px; height:80px; background:url(../images/icon6.png) no-repeat top center;}
/*
.iconList li a:hover .icon6,.iconList li a.iconActive .icon6{ background:url(../images/icon6_h.png)  no-repeat top center;}
*/
.iconList li a .iconD{width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #be1f20; position:absolute; left:55px; bottom:-6px; display: none;}
.iconList li a:hover .iconD,.iconList li a.iconActive .iconD{ display:block;}
.iconList li a p{ margin:18px 0px 21px 0px;}

/*
.inforCon{ width:1003px; margin:40px auto 0px;}
.inforCon dt{ width:625px;}
.inforCon dt h1{ font-weight:normal; font-size:24px; color:#be1f20;}
.inforCon dt div{ color:#666666; font-size:14px; line-height:28px;}
.inforCon dd{ width:345px;}
*/

.inforCon{ width:1003px; margin:40px auto 0px;display: none;}
.inforCon dt{ width:625px;}
.inforCon dt h1{ font-weight:normal; font-size:24px; color:#be1f20;}
.inforCon dt div{ color:#666666; font-size:14px; line-height:28px;}
.inforCon dd{ width:345px;}

/**公司动态 样式**/
.dynamicAll{width:100%; background:#f8f8f8;}
.dyTi .dyTitle{ background:url(../images/title2.jpg) no-repeat top center; width:600px; height:46px; margin:0 auto;}
.dyTi .dyTitle1{ background:url(../images/title2.png) no-repeat top center; width:500px; height:55px; margin:0 auto;}
.dyList{ width:1003px; margin-top:40px;}
.dyList li{ width:297px; margin:0px 18px; display:block;}
.dyList li a{ display:block; background:#fff; color:#8c8c8c; width:297px;}
.dyList li a:hover{ box-shadow:0px 0px 10px #c5c5c5;}
.listBox .boxImg{ width:297px; height:209px; overflow:hidden;}
.listBox .boxCon{ padding:20px; width:257px;}
.listBox .boxCon .boxTi b{ font-weight:normal; display:block; width:35px; color:#be1f20; text-align:center; padding-right:7px; border-right:1px solid #dbdcde; line-height:22px;}
.listBox .boxCon .boxTi b span{ color:#3d3d3d; font-size:22px; text-align:center; display:block; width:35px;}
.listBox .boxCon .boxTi h2{ font-weight:normal; font-size:16px; color:#474747; padding-left:7px; width:206px; line-height:22px;}
.listBox .boxCon .boxInfor{ color:#8c8c8c; font-size:13px; margin:15px 0px; line-height:22px;}
.listBox .boxCon .boxView{ background:url(../images/view.png) no-repeat left center; padding-left:15px; color:#939393;}

/**我们的产品 样式**/
.proALL{ width:100%; background:#fff;}
.proTi .proTitle{ background:url(../images/title3.jpg) no-repeat top center; width:600px; height:46px; margin:0 auto;}
.proTi .proTitle1{ background:url(../images/title3.png) no-repeat top center; width:500px; height:55px; margin:0 auto;}
.proBtn{ width:65px; margin:20px auto 0px; height:28px;}
.proBtn a{ display:block; width:28px; height:28px;}
.proBtn a.proLeft{ background:url(../images/left_h.png) no-repeat center center #ededed;}
/*.proBtn a.proLeft:hover,.proBtn a.leftSel{background:url(../images/left.png) no-repeat center center #be1f20;}*/
.proBtn a.proRight{ background:url(../images/right_h.png) no-repeat center center #ededed;}
/*.proBtn a.proRight:hover,.proBtn a.rightSel{background:url(../images/right.png) no-repeat center center #be1f20;}*/
.proList{ width:1003px; margin-top:20px;}
/*.proList li{ margin:0px 11px;}*/
.proList li{ margin:0px 11px;display: none;}
.proList li a{ display:block; border:1px solid #dbdcde; padding:10px 0px; text-align:center; line-height:25px;}
.proList li a:hover{ color:#666666;  box-shadow:0px 0px 10px #c5c5c5;}
.proList li a h2{ font-weight:normal; padding:20px 15px 20px; text-align:center; font-size:20px; width:280px;}
.proList li a .proImg{ width:310px; height:168px;}
.proList li a .proWord{ padding:20px 15px 10px; width:280px;}
.proList li a .f12{ font-size:12px; text-align:right; margin-right:15px;}

/**合作伙伴 样式**/
.cooALL{width:100%; background:#f3f3f3;}
.cooTi .cooTitle{ background:url(../images/title4.jpg) no-repeat top center; width:600px; height:46px; margin:0 auto;}
.cooTi .cooTitle1{ background:url(../images/title4.png) no-repeat top center; width:500px; height:55px; margin:0 auto;}
.cooLink{ width:480px; margin:0 auto;}
.cooLink a{ color:#666666; font-size:16px; padding-bottom:15px; margin:40px 25px 0px; border-bottom:2px solid #f3f3f3;}
/*.cooLink a:hover,.cooLink .cooSel{ color:#be1f20; border-bottom:2px solid #be1f20;}*/
.cooList{ width:1003px; border-top:1px solid #e2e3e4; border-bottom:1px solid #e2e3e4; padding:5px 0px;}
.cooList li{ margin:5px 9px;}
.cooList>ul{display: none;}


/**二级模板 banner样式**/
.aboutBox{ background:url(../images/banner1.jpg) top center; width:100%; height:419px;}
.aboutWord{ width:1003px; margin:0 auto; color:#fff; text-align:center; font-size:16px; line-height:30px;}
.aboutWord h1{ font-weight:normal; font-size:26px; padding-top:97px;}
.aboutWord h2{ font-weight:normal; font-size:16px; width:112px; margin:0 auto 24px;}
.aboutWord h2 span{ background:#fff; width:12px; height:12px; display:block; margin-top:8px;}

/**二级模板 内容样式**/
.aboutInfor{ width:100%; background:#fff;}
.aboutText{ width:1003px; margin:40px auto; line-height:30px; color:#666666;}
.culBox{ margin:40px 0px 20px; }
.aboutTi{ color:#16192E; width:170px; margin:0 auto 90px; text-align:center;}
.aboutTi h1{ font-size:24px; color:#3c4f59; font-weight:normal;}
.aboutTi h2{ font-size:13px; color:#888c8d; font-weight:normal; text-transform:uppercase;}
.aboutTi h2 span{ background:#be1f20; width:10px; height:10px; margin-top:10px;}
.culBox ul{ width:1003px;}
.culBox ul li{ border:1px solid #e7ecef; border-bottom:5px solid #e7ecef; width:415px; padding:60px 15px 10px; position:relative; height:250px;}
.culBox ul li h1{ font-weight:normal; font-size:18px; text-align:center; margin-bottom:10px;}
.culBox ul li p{ line-height:23px; font-size:12px;}
.culBox ul li .culIcon{ background:url(../images/about1.png) no-repeat; width:105px; height:119px; position:absolute; top:-63px; left:171px;}
.culBox ul li .culIcon1{ background:url(../images/about2.png) no-repeat; width:105px; height:119px; position:absolute; top:-63px; left:171px;}

/**二级模板 发展历程样式**/
.courseAll{ width:100%; background:#f5f5f5; padding:40px 0px;}
.courseAll .course{ width:1003px; margin:0 auto;}
.course a{ display:block; border-bottom:2px solid #cccccc; position:relative; width:111px;}
.course a div{ background:url(../images/circle.png) no-repeat left center #f5f5f5; height:17px; line-height:17px; padding-left:20px; color:#666666; font-size:12px; position:absolute; left:28px; top:-7px; width:38px;}
/*.course a:hover,.course .courSel{border-bottom:2px solid #be1f20;}*/
/*.course a:hover div,.course .courSel div{ background:url(../images/circle_h.png) no-repeat left center #f5f5f5;color:#be1f20;}*/
.course li{ position:relative; height:40px; padding-top:170px;}

/* modify by wangxc*/
/*.course li .courTag{ position:absolute; top:16px; left:0px;}*/
.course li .courTag{ position:absolute; top:16px; left:0px;display: none; }

.course li .courTag dl{ background:#fff; border:1px solid #be1f20; border-radius:3px; padding:10px 10px; width:300px; height:80px;}
.course li .courTag dt{ width:80px; color:#be1f20; font-size:30px; font-weight:bold; line-height:75px;}
.course li .courTag dd{ width:215px; font-size:12px; line-height:20px; top: 20px;}
.course li .courTag .courEg{ background:url(../images/bottom.png) no-repeat; width:19px; height:13px;position: absolute;
top: 101px;left: 27px;}

/**二级模板 联系我们样式**/
.contactAll{ width:100%; background:#fff;}
.contact{ width:1003px; margin:0 auto; background:url(../images/map.jpg) no-repeat 177px 26px; height:485px; position:relative;}
.addBox{border:1px solid #be1f20; background:#fff; border-radius:3px; padding:10px; width:290px; position:absolute; right:46px; top:135px;}
.addBox h1{ font-weight:normal; font-size:18px; margin-bottom:10px;}
.addBox .addTag{ position: absolute; background:url(../images/leftBox.png) no-repeat; width:10px; height:15px; left:-10px; top:45px;}
.addBox1{ right:0px; top:275px; background:#ffeaeb;}
.addBox1 .addTag{background:url(../images/leftBox1.png) no-repeat; left:-10px; top:17px;}

.addBox2{ left: 66px;top: 200px; text-align:right;}
.addBox2 .addTag{background:url(../images/rightBox.png) no-repeat; left:310px; top:61px;}

.addBox3{ left: 130px;top: 316px; text-align:right;}
.addBox3 .addTag{background:url(../images/rightBox.png) no-repeat; left:310px; top:16px;}