@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#444;}
a { text-decoration: none; outline: none; color: #666; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li {list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;border: 0; vertical-align: top;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}
dl,dt,dd{padding: 0;margin:0;}
i,em{font-style: normal;}

.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.w0{width: 100%;}
.w1200{width: 1200px;margin:0 auto;}
.w1140{width: 1140px;margin:0 auto;}
.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*header start*/
.header{border-top:5px solid #0366c1;}
.header .head_top{background: url(../images/bei.png) no-repeat 908px 0px;height: 120px;}
.header .head_top .tel_box{width: 275px;height: 120px;color: #fff}
.header .head_top .tel_box > a{color:#fff;padding: 0 8px;line-height: 36px;}
.header .head_top .tel_box .tel{margin-top: 20px;width: 235px;text-align: right;}
.header .head_top .tel_box .tel p{display:block;font-size: 14px;color: #696969;text-align: right;background: url(../images/tell.png) 130px 2px no-repeat;height: 18px;line-height: 18px;}
.header .head_top .tel_box .tel b{font-size: 30px;color: #C10001;font-family: arial;font-weight: bold;margin-top: 3px;}

.header .head_nav{border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;}
.header .head_nav > ul > li{width: 198px;float: left;height: 55px;line-height: 55px;font-size: 16px;text-align: center;border-right: 1px solid #e8e8e8;position: relative;font-weight: bold;}
.header .head_nav > ul > li:nth-child(1) {border-left: 1px solid #e8e8e8}
.header .head_nav > ul > li:hover{background: url(../images/lihbg.jpg) repeat-x center;}
.header .head_nav > ul > li:hover > a{color: #fff}
.header .head_nav > ul > li > ul{position: absolute;top: 55px;z-index: 999;background: rgba(0,0,0,0.6);width: 100%;display: none;}
.header .head_nav > ul > li > ul li{height: 40px;line-height: 40px;font-weight:normal;font-size: 15px}
.header .head_nav > ul > li > ul li a{color: #fff}
.header .head_nav > ul > li > ul li:hover {background: #0366C1} 
.header .head_nav > ul > li:hover > ul{display: block;}
/*header end*/


/*banner start*/
.bannner{ position:relative; width:100%; height:500px; overflow:hidden}
#slider{position:absolute;width:100%;height:500px;left:50%;margin-left:-960px}
#slider img {position:absolute;top:0px;left:0px;display:none;}
.nivo-controlNav{position:absolute;left:50%;bottom:20px;margin-left:-25px}
.nivo-controlNav a {display:block;width:22px;height:22px;background:url(../images/bullets.png) no-repeat;text-indent:-9999px;border:0;margin-right:3px;float:left;}
.nivo-controlNav a.active {background-position:0 -22px;}
.nivo-directionNav a {display:block;width:30px;height:30px;background:url(../images/arrows.png) no-repeat;text-indent:-9999px;border:0;}
a.nivo-nextNav {background-position:-30px 0;right:240px;}
a.nivo-prevNav {left:240px;}
.nivo-caption {text-shadow:none; font-family: Helvetica, Arial, sans-serif;}
.nivo-caption a {color:#efe9d1;text-decoration:underline;}
/*banner end*/

/*product start*/
.product{padding: 50px 0 0;}
.pro_l{width: 270px;}
.pro_top{width: 270px;height: 110px;line-height: 110px;background: #0366C1;color: #fff;}
.pro_top b{font-size: 26px;color: #fff;padding-left:40px;background: url(../images/biao.png) no-repeat center left;letter-spacing: 2px;margin-left: 30px}
.pro_l .pro_list{width: 268px;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;border-top:1px solid #dfdfdf;}
.pro_l .pro_list .nLi{width: 268px;height: 43.3px;line-height: 50px;position: relative;border-bottom: 1px solid #dfdfdf;background: url(../images/bian.png) no-repeat 90% center; }
.pro_l .pro_list .nLi > a{padding-left: 30px;font-size: 16px} 
.pro_l .pro_list .nLi:hover {background:url(../images/bian.png) no-repeat 90% center #0366C1}
.pro_l .pro_list .nLi:hover > a{color: #fff}
.pro_l ul.sub{display:none;width: 200px;left: 269px;top: 0px;position: absolute;background: rgba(204,204,204,0.8);z-index: 9999;}
.pro_l ul.sub li{width: 100%;height: auto;height: 40px;line-height: 40px;text-align: center;font-size:14px;border-bottom: 1px solid #dedede!important;}
.pro_l ul.sub li a{color: #444}
.pro_l ul.sub li:hover {background: #0366C1}
.pro_l ul.sub li:hover a{color: #fff}
.pro_l .pro_bot{height: 240px;background: url(../images/bei1.jpg) no-repeat center;text-align: center;color: #fff}
.pro_l .pro_bot b{font-size: 28px;display: block;padding: 30px 0 5px 0}
.pro_l .pro_bot p{text-align: center;}
.pro_l .pro_bot img{margin: 20px 0 16px 0;}
.pro_l .pro_bot i{display: block;line-height: 30px;font-size: 18px}

.pro_r{width: 910px;}
.pro_r .pr_top{width:910px;height: 50px;border-bottom:2px solid #e4e4e4;background: #f3f3f3;position: relative;margin-bottom: 22px;}
.pro_r .pr_top .title1{font-size: 18px;color: #0366C1;font-weight: bold;padding-left: 20px;line-height: 50px;position: relative;height: 50px;}
.pro_r .pr_top .title1:before {content: "";width: 145px;height: 2px;background: #0366C1;position: absolute;left: 0;bottom: -2px;}
.pro_r .pr_top .title1 span {font-size: 12px;color: #595959;font-family: Arial;font-weight: normal;margin-left: 3px;display: inline-block;text-transform: uppercase;}
.pro_r .pr_top .more{position: absolute;right: 20px;top: 18px;display: block;font-size: 12px;color: #595959;font-family: Arial;}
.pro_r ul li{width: 280px;float: left;margin-left: 32px;border:1px solid #e4e4e4;margin-bottom: 20px;transition: all 0.2s ease-in;}
.pro_r ul li:nth-child(3n+1) {margin-left: 0px;}
.pro_r ul li .img{width: 268px;height: 201px;overflow: hidden;border:1px solid #e4e4e4;margin: 5px}
.pro_r ul li img{ width: 268px; height: 201px; display: block;-moz-transition:.5s ease-in;-webkit-transition:.5s ease-in;-o-transition:.5s ease-in;-ms-transition:.5s ease-in;transition:.5s ease-in;}
.pro_r ul li img:hover { transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
.pro_r ul li :hover .img{border-color: #0366C1}

.pro_r ul li p{width:270px;height: 25px;line-height: 25px;padding-bottom: 5px;text-align: center;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding:0 5px 5px;font-size: 15px;}
.pro_r ul li:hover{background: #0366C1}
.pro_r ul li:hover p{color: #fff}
/*product end*/

.cpbt{width:1200px;height:150px;background:url(../images/cpbt.png)no-repeat;text-align: center;}
.cpbt p{font-size: 40px;color: #00356f;font-weight: bold;padding: 40px 0px 0px 0px;text-align: center;letter-spacing: 2px;}
.prolist a{display: block;width: 220px;padding:0 10px;float: left;height: 45px;background: url(../images/prolistkuang.png) no-repeat center;text-align: center;line-height: 45px;margin-top: 15px;font-size: 16px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.prolist a:hover {background: url(../images/prolistkuangh.png) no-repeat center;color: #fff}
.prolist a:nth-child(-n+5) {position: relative;left: -20px;}
.prolist a:nth-child(n+6) {position: relative;left: 255px;}
.prolist a.all{background: url(../images/prolistkuangr.png) no-repeat center;color: #fff;transition: all 0.2s ease-in;}
.prolist a.all:hover {background: url(../images/prolistkuangr.png) no-repeat center;}
.proimg{margin-top:10px;}
.proimg li{width: 280px;margin:25px 0 0 26.6px;float: left;transition: all 0.2s ease-in;}
.proimg li:nth-child(4n+1) {margin-left: 0px;}
.proimg li .img{width: 276px;height: 208px;border:2px solid #e1e1e1;overflow: hidden;border-bottom: none;}
.proimg li img{width: 276px;height: 208px;display: block;-moz-transition:.5s ease-in;-webkit-transition:.5s ease-in;-o-transition:.5s ease-in;-ms-transition:.5s ease-in;transition:.5s ease-in;}
.proimg li:hover img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
.proimg li p{display: block;width: 210px;height: 35px;padding:10px 60px 0 10px;line-height:35px;background: url(../images/prozibg.png) no-repeat center;position: relative;top: -10px;font-size: 15px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.proimg li:hover .img{border-color: #0366C1}
.proimg li:hover p {background: url(../images/prozibgh.png) no-repeat center;color: #fff}


.title{text-align:center;}
.title .title_t{font-size:29px;color:#333;}
.title .title_t b{font-weight:normal;font-family:Impact;font-size:60px;color:#0366C1;margin:0 8px;}
.title span{font-size:18px;color:#999999;background:url(../images/title1.png) no-repeat center center;display:block;}


/*company start*/
.company{padding: 30px 0 50px;background: url(../images/casebg.jpg) no-repeat center bottom;}
.company .com_body{border: 1px solid #E5E5E5;margin-top: 30px;background: #fff}
.company .com_r{padding:40px;}
.company .com_r .title2{position: relative;padding-bottom: 24px;}
.company .com_r .title2 b{color: #333;font-size: 22px;}
.company .com_r .title2 span{font-size: 14px;color: #0366C1;font-weight: normal;margin-left: 10px;}
.company .com_r .title2:before {content: "";background: #0366C1;width: 80px;height: 3px;position: absolute;left: 0;bottom: 0;}
.company .com_r .txt{line-height: 25px;color: #696969;overflow: hidden;font-size: 14px;margin: 20px 0 40px 0;}
.company .com_r .txt p{text-indent:2em;}
.company .com_r .more1 {width: 108px;height: 32px;line-height: 32px;background:url(../images/jian.png) no-repeat center #0366C1;display: block;text-align: center;color: #fff;}
.company .com_r .more1:hover {background:url(../images/jian.png) no-repeat center #C10001;}


.company .com_body .com_l ul li{height: 105px;width: 373px;float: left;}
.company .com_body .com_l ul li b{font-size: 16px;display: block;padding-top: 25px;}
.company .com_body .com_l ul li p{font-size: 16px;line-height: 220%;}

/* 本例子css */
.case_body{margin-top: 40px}
.slideGroup{width:1200px;text-align:left;}
.slideGroup .parHd{width:200px;position:relative;}
.slideGroup .parHd ul li{cursor:pointer;padding:30px;text-align: center;background: #aaa}
.slideGroup .parHd ul li p{font-size:20px;line-height:30px;color: #fff;text-align: center;display: block;}
.slideGroup .parHd ul li i{color: #fff;font-size: 13px}
.slideGroup .parHd ul li.on{background:#C10001;height: 105px}

.slideGroup .slideBox{overflow:hidden;zoom:1;position:relative;width: 990px}
.slideGroup .parBd ul{overflow:hidden; zoom:1;}
.slideGroup .parBd ul li{margin:0 5px; float:left; _display:inline; overflow:hidden; text-align:center;}
.slideGroup .parBd ul li .pic{text-align:center;}
.slideGroup .parBd ul li .pic img{width:220px; height:165px; display:block;}
.slideGroup .parBd ul li .pic a:hover img{border-color:#999;}
.slideGroup .parBd ul li .title a{line-height:24px;color: #fff}
/*company end*/

/*new start*/
.new{padding: 50px 0}
.new .new_body{margin-top: 30px}
.new_l,.new_r{width: 570px;}
.news2{display: block;background: #f2f2f2;padding: 30px;}
.news2 .new2_l .date{font-size:22px;font-weight:bold;color:#333;}
.news2 .new2_l span{display:block;width:26px;height:26px;text-align:center;line-height:26px;background:url(../images/newjt.png) no-repeat center #dadada;color:#696969;border-radius:50%;margin-top:30px;}
.news2 .text_box{margin-left:100px;}
.news2 .text_box .text_title{font-size:16px;color:#333;font-weight:bold;}
.news2 .text_box .text{line-height:24px;color:#696969;margin-top:25px;height:48px;overflow:hidden;}
.news2:hover {background: #0366C1;}
.news2:hover .date{color: #fff}
.news2:hover .text_title{color: #fff}
.news2:hover .text{color: #fff}
.news3{margin-top: 15px;}
.news3 li{height: 35px;line-height: 35px;border-bottom: 1px dashed #dfdfdf}
.news3 li a{display: inline-block;width: 450px;}
.news3 li span{float: right;}
.news3 li:hover a{color: #C10001}
.news3 li:hover span{color: #C10001}
/*new end*/

/*footer start*/
.f_bj{color: #717171;clear: both;height: 312px;line-height: 26px;background: url(../images/footbg.gif) repeat-x center 0 #d7dbe1;}
.f_bj a{color: #717171;}     
.f_nav{height: 62px;line-height: 62px;text-align: center;font-size: 16px;color: #fff;margin-bottom: 37px;}
.f_nav a{display: inline-block;color: #fff;}
.f_nav em{opacity: 0.3;font-size: 14px;padding: 0 73px;}
.f_logo{width: 350px;}
.f_logo b{font-size: 40px;color: #0366C1;letter-spacing: 6px;display: block;line-height: 70px}
.f_logo i{display: block;font-size: 16px;letter-spacing: 0.5px;display: inline-block;padding-bottom:12px;border-bottom: 1px solid #999;margin-bottom: 12px}
.f_con{width: 820px;}
.f_con h3{height: 32px;border-bottom: solid 1px #999;position: relative;font-size: 18px;color: #000;line-height: 22px;margin-bottom: 23px;}
.f_con h3:before{content: "";position: absolute;width: 75px;height: 2px;background: #C10001;left: 0;top: 31px;}
.f_text{float: left;overflow: hidden;padding: 9px 0 0;width: 640px;}
.f_text li{width: 320px;height: 66px;float: left;line-height: 24px;background: url(../images/f_ico4.png) no-repeat 0 5px;padding: 0 0 0 50px;color: #2f3030;font-size: 16px;font-weight: bold;}
.f_text li.f_text1{width: 220px;background: url(../images/f_ico1.png) no-repeat 0 5px;}
.f_text li.f_text2{background: url(../images/f_ico2.png) no-repeat 0 5px;}
.f_text li.f_text3{width: 220px;background: url(../images/f_ico3.png) no-repeat 0 5px;}
.f_text li span{display: block;color: #717171;font-size: 16px;font-weight: normal;}
.ewm > p{width:110px;text-align: center;}