/* CSS Document 
** author:������
** URL:http://www.yongyisou.com/
** tips:CSS�ļ���רҵ�𶯣������ʽΪutf-8
*/
*{ padding:0px; margin:0px;}
li{list-style:none;}
img{border:none;border:0;}
a{text-decoration:none;color:#000;}
a:hover{color:#f00;}
a:focus {outline:0; } 
html{font:normal 14px/1.5 "microsoft yahei",tahoma,arial,sans-serif;background:#fff;}
body{background:#fff;}
input,input:focus{outline:none;text-indent:5px}
h1{ font-size:20px}
h2{ font-size:18px}
h3{ font-size:16px}
h4{ font-size:14px}
/*ͨ�õ���*/
.w1200{width:1200px;height:auto;margin:0 auto;overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
/*��ҳ��*/
.header{height:42px; background-color: #f7f6f6; position: relative;}
.header span{color:#888888; line-height: 42px;}
.header .header_b{color:#888888; line-height: 42px;}
.header .header_b span{ margin-right:10px;color:#888888;}
.header .header_b a{ margin: auto 5px; color:#888888;}
.header .header_b .a.one{ background: url(../image/header1.png)no-repeat; width: 12px; height: 12px; background-position: top; float: left; margin-top: 15px;}
.header .header_b .a.two{background: url(../image/header2.png)no-repeat; width: 16px; height: 12px; background-position: top; float: left; margin-top: 15px;}
.header .header_b .a.three{background: url(../image/header3.png)no-repeat; width: 8px; height: 12px; background-position: top; float: left; margin-top: 15px;}
.header .header_b .a.four{background: url(../image/header4.png)no-repeat; width: 13px; height: 12px; background-position: top; float: left; margin-top: 15px;}
.header .header_b a:hover .a{background-position: bottom;}
.header .header_b a:hover{ color:#f39700;}
.header .header_b a:hover img{opacity:1;z-index: 5;}
.weixin .ewm_code{ margin-left: -15px;}
.shouji .ewm_code{ margin-left: -10px;}
.ewm_code{width:90px;height:90px;position:absolute;top:42px;display:none;z-index:999;}

.top{ height:126px;}
.top a img{margin-top:17px;}
.top_a{ height:46px; margin-top: 45px; border-left: 1px solid #e3e3e3;float: left; margin-left: 20px; padding-left: 20px;}
.top_a span{ display:block; line-height: 23px;}
.top_a span.a{ font-size:18px; font-weight: 600;color: #333333;}
.top_a span.b{ color:#555555;}
.top_b{ height:50px; margin-top: 31px; float: right; position: relative;}
.top_b img{margin-right: 8px;}
.top_b span.a{ font-size:28px; font-weight: 600;color: #444444;}
.top_b span.b{ font-size:50px; font-weight: 600;color: #f39700;}
.top_b span.c{ position:absolute; left: 36px;color: #444444; top: 10px;}
/*ͷ������*/
.navBar{  background:#004785; z-index:1;   color:#fff; height:80px; line-height:80px;   position:relative;}
.navBar .nav{ overflow: visible;}
.navBar .nav .m{ float:left; width:150px;   }
.navBar .nav .m_a{  zoom:1;  height:80px; line-height:80px;  display:block; color:#fff; width: 150px; font-size: 16px; transition-duration: .3s;-webkit-transition-duration: .3s;-moz-transition-duration: .3s;-o-transition-duration: .3s;-ms-transition-duration: .3s;text-align:center; }
.navBar .nav .on .m_a{ background:#f39700}
.navBar .nav #m3 .sub{ z-index:1; width:100%; display:none;  position:absolute; left:0px; top:80px;  background:#2470b2;  float:left; color: #FFFFFF;  opacity:.97; }
.navBar .nav #m3 .sub .z .left{ width:380px; height: auto; margin-top: 40px; float: left;}
.navBar .nav #m3 .sub .z .left .title{font-size: 28px; display: block; width: 380px;  float: left; height: 28px; line-height: 28px; margin-bottom: 20px;}
.navBar .nav #m3 .sub .z .left .font p{ line-height:200%; color: #deebf6;}
.navBar .nav #m3 .sub .z .left a{ border:1px solid  rgba(255,255,255,.34); display: block; float: left; margin-bottom: 45px; width: 130px; height: 40px; line-height: 41px; color: #FFFFFF; margin-top: 20px; text-align: center; transition: .3s;}
.navBar .nav #m3 .sub .z .left a:hover{ background-color: rgba(255,255,255,.97); color:rgba(36,112,178,.97); }
.navBar .nav #m3 .sub .z ul{ float:left; width: 310px; height: auto; margin-top: 40px; margin-left: 100px;}
.navBar .nav #m3 .sub .z ul li{width:155px;  float: left; overflow: hidden; height: 40px; line-height: 40px;}
.navBar .nav #m3 .sub .z ul li a{ display:block; width: 155px; height:40px; font-size: 16px; color: #FFFFFF; transition: .3s;}
.navBar .nav #m3 .sub .z ul li a:hover{margin-left:5px;color:#f39700;}
.navBar .nav #m3 .sub .z ul li a span{ margin-right:15px;}
.navBar .nav #m3 .sub .z img{ margin-top: 40px;}
/*�ֲ�ͼ*/
.banner{width:100%;height:500px;overflow:hidden;position:relative;}
.banner .bd{position:relative;height:500px;z-index:0;}
.banner .bd li{width:100%;height:500px;zoom:1;vertical-align:middle;}
.banner .bd .pic1{background: url(../image/banner1.jpg)no-repeat center center;}
.banner .bd .pic2{background: url(../image/banner2.jpg)no-repeat center center;}
.banner .bd .pic3{background: url(../image/banner3.jpg)no-repeat center center;}
.banner .hd{position:absolute;z-index:1;left:50%;bottom:30px;margin-left:-58px;overflow:hidden;}
.banner .hd ul{float:left;zoom:1;overflow:hidden; width: 150px;}
.banner .hd ul li{float:left;width:16px;height:16px; margin-right: 34px;text-align:center; background-color: #6d7885; opacity: .8;}
.banner .hd ul li.on{ background-color: #1161ae;}
.banner .hd ul li:hover{ cursor:pointer;}
.banner .bd li a{display:block;width:100%;height:100%;}
.banner .arrow{left:50%;height:79px;margin-top:-290px;}
.banner .prev,.banner .next{position:absolute;display:block;width:47px;height:79px;background: url(../image/banner_btn.png)no-repeat; overflow: hidden; opacity: .8; transition: .3s;}
.banner .prev{float: left;;background-position:left;}
.banner .next{margin-left: 1153px; background-position:right;}
.banner .prev:hover,.banner .next:hover{opacity:1;}
/*������Ʒ*/
.hot_back{ background-color: #f9f9f9; position: absolute; width: 100%; height: 69px;}
.hot{ height:354px; width: 1200px; z-index:999; transform: translateY(-11px);-moz-transform: translateY(-11px);-webkit-transform: translateY(-11px);-o-transform: translateY(-11px);-ms-transform: translateY(-11px);}
.hot .left{ height:354px; width:184px ;background: url(../image/hot_img.png) no-repeat; padding-top: 50px; color: #FFFFFF; text-align: center; float: left;}
.hot .left .title{ color:#ffffff; margin-left: -5px;}
.hot .left .title .a{ font-size:40px; display: block; line-height: 40px;}
.hot .left .title .b{ font-size:20px;display: block; line-height: 20px;}
.hot .left .x{ height:1px; width:60px;  background-color: #2776bb;display: block; margin: 20px auto; margin-left:56px;}
.hot .left .tel{ line-height: 28px; margin-left: -5px;}
.hot .left .tel .b{ font-size:16px;}
.hot .left a{display:block; width: 89px; height: 36px; line-height: 32px;  margin-top: 40px;  margin-left:42px;  color: #FFFFFF; background: url(../image/hot1.png); transition: .3s;}
.hot .left a:hover{ opacity:.8}
.hot .right{width:996px; float: right;}
.hot .right .top{ height:69px; margin-top: 11px;}
.hot .right .top .a{ max-width: 680px; overflow: hidden; line-height: 69px;}
.hot .right .top .a span{color:#666666; margin-right: 22px;}
.hot .right .top .a a{color:#888888; margin-right: 22px; transition: .3s;} 
.hot .right .top .a a:hover{color:#00549d;} 
.hot .right .top .b{ width:280px; height: 30px; border: 5px solid #e7e7e7; margin-top: 20px; border-radius: 20px; background-color: #FFFFFF;}
.hot .right .top .b:hover{border-color:#D7D5D5;}
.hot .right .top .b input.frame{  width:175px; margin-left:20px; color:#c9c9c9; border: none;}
.hot .right .top .b .btn{ width:50px; height: 30px; border-radius: 0px 20px 20px 0px;    background: #004785 url(../image/search.png) no-repeat 10px; cursor:pointer;}
.hot .right .top .b span img{ margin-left:17px; margin-top: 6px;}
.hot .right .top .b span:hover{ cursor:pointer;}
.hot .right .hot_down{height: 240px;width:996px;overflow:hidden; margin-top: 34px;}
.hot .right .hot_down .bd{ overflow:hidden;width: 888px; height: 240px; margin-left:22px; float: left;}
.hot .right .hot_down .bd ul{overflow:hidden; zoom:1;}
.hot .right .hot_down .bd ul li{ width:266px; height:240px; text-align: center; float:left; overflow:hidden;  margin-left: 15px; margin-right: 15px;}
.hot .right .hot_down .bd ul li a .pic{width:264px; height:176px; overflow: hidden;position: relative;}
.hot .right .hot_down .bd ul li .pic .hover{ background: rgba(0,0,0,.2); position: absolute; width: 264px; height:156px; top: -156px; transition: .3s;}
.hot .right .hot_down .bd ul li .pic .hover img{ margin: 55px auto;}
.hot .right .hot_down .bd ul img{display:block; }
.hot .right .hot_down .bd ul li .title{color:#333333; height: 62px; line-height: 62px; background-color: #FFFFFF;  transition: .3s;width:264px;display: block;}
.hot .right .hot_down .bd ul li a {display: block; width:264px; height:238px;transition: .3s;}
.hot .right .hot_down .bd ul li a{border: 1px solid #e9e9e9;}
.hot .right .hot_down .bd ul li a:hover{border: 1px solid #00549d;}
.hot .right .hot_down .bd ul li a:hover .title{color: #00549d;transform: translateY(-20px);-moz-transform: translateY(-20px);-o-transform: translateY(-20px);-ms-transform: translateY(-20px);-webkit-transform: translateY(-20px); line-height: 82px; }
.hot .right .hot_down .bd ul li a:hover .pic 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);-ms-transform: scale(1.1, 1.1);}
.hot .right .hot_down .bd ul li a:hover .hover{ display: block; top:0px; z-index: 5;}
.hot .right .hot_down .prev{ display:block; width:17px; height:35px; background:url(../image/hot_left.png) no-repeat; background-position:top; float: left; margin-top: 71px;}
.hot .right .hot_down .next{ display:block;width:17px; height:35px; background:url(../image/hot_right.png) no-repeat;     background-position:top; float: left;  margin-left: 22px; margin-top: 71px;}
.hot .right .hot_down .prev:hover{ background-position:bottom; }
.hot .right .hot_down .next:hover{ background-position:bottom; }

/*产品分类*/

.fenlei {
    width: 288px;
    padding: 10px 0 5px;
    height: auto;
    overflow: hidden;
    background: #e9e9e9;
}
.fenlei ul h3 {
    width: 246px;
    height: 40px;
    margin: 10px auto;
}
.fenlei ul h3 a {
    width: 223px;
    height: 40px;
    line-height: 40px;
    padding-left: 23px;
    background: url(../image/fenlei_xbj02.jpg) center no-repeat;
    font-size: 16px;
    color: #fff;
    display: block;
}
.fenlei ul li {
    width: 246px;
    height: 35px;
    margin: 5px auto 0;
}
.fenlei ul li a {
    width: 210px;
    height: 35px;
    padding-left: 36px;
    line-height: 35px;
    font-size: 14px;
    color: #000;
    font-weight: 600;
    background: url(../image/fenlei_xbj2.jpg) center no-repeat;
    margin: 5px auto 0;
    display: block;
}
/*四大优势*/
.changde{ background:url("../image/changde.jpg") no-repeat center center; width: 100%; height: 2086px;}
.changde .title{ height:170px; color:#014785; text-align: center; margin-top: 120px;}
.changde .title .a{font-size:50px; line-height:94px; font-weight: 600;}
.changde .title .b{font-size:94px; line-height:94px; margin-left: 5px; font-weight: 600;}
.changde .title .c{ background:url("../image/changde_ico.jpg"); width: 834px; height: 46px; margin-top: 10px; margin-left: 183px;
 font-size: 20px; color: #FFFFFF; line-height: 46px; text-align: center; letter-spacing:15px; z-index: 3; }
.changde .one{ height:382px; margin-top: 70px; width: 1185px; padding-right: 15px;}
.changde .one .font{ margin-top:65px; }
.changde .two{ height:380px; width: 1200px; margin-top: 40px;}
.changde .two .font{ margin-top:60px; }
.changde .three{ height:438px;  width: 1185px; padding-right: 15px; margin-top: 20px;}
.changde .three .font{ margin-top:120px; }
.changde .four{ height:442px;  width: 1200px; margin-top: 10px;}
.changde .four .font{ margin-top:85px; }

.changde .font{width:570px; height: 300px;}
.changde .font .left{ width:71px; background: url("../image/changdeico.png") no-repeat; font-size: 52px; color: #FFFFFF; height: 300px; float: left; line-height:95px; text-align: center;}
.changde .font .right{ height:300px; width: 479px; float: left; margin-left: 20px;}
.changde .font .right .a{font-size:40px; color: #333333; font-weight: 600; line-height: 40px;}
.changde .font .right .b{font-size:30px; color: #0f518c;font-weight: 600; line-height: 30px; margin-top: 16px;}
.changde .font .right .c{ margin-top: 40px;}
.changde .font .right .c p{font-size:16px; color: #666666; line-height: 200%;}
.changde .font .right .c p span{color: #f39700;}
.changde .font .right .c p img{ margin-right:10px;}
/*��ҳ��Ʒ����*/
.pro_center{height: 1042px; margin-top: 80px;}
.home_title{ height:75px; text-align: center;}
.home_title .a{font-size:44px; color: #00549d; background: url(../image/title_ico.png) no-repeat center; line-height: 44px; font-weight: 600;}
.home_title .b{font-size:16px; margin-top: 15px; color: #666666; line-height: 16px;letter-spacing:15px;}
.Box{ width:1200px; height:811px; margin-top: 50px;}
.Box .hd{ height:86px; line-height:72px; width:1230; position: relative; }
.Box .hd ul{  height:86px; width: 1230px; z-index: 1000;   }
.Box .hd ul li .a{font-size: 32px; color: #6b6b6b;   }
.Box .hd ul li .b{font-size: 16px; color: #FFFFFF;   }
.Box .hd ul li{ float:left;width:216px; height: 86px; margin-right: 30px;text-align: center; line-height: 72px;  position: relative;z-index: 5; background: url(../image/pro_ico.png) no-repeat; }
.Box .hd ul li.on{ color: #FFFFFF; cursor: pointer; background: url(../image/pro_ico_h.png) ;}
.Box .hd ul li.on .a{ color: #81bff6;}
.Box .worth_pic{ position: relative;height:680px; margin-top: 50px;}
.Box .worth_pic ul{ height:1230px; width:1300px;}
.Box .worth_pic ul li{ width:380px; height: 322px; margin-right: 30px;  float:left;background: url(../image/pro_img.png); margin-bottom: 30px;}
.Box .worth_pic ul li .pic{width:368px; height:245px; overflow: hidden;position: relative; margin-left: 6px; margin-top: 6px;}
.Box .worth_pic ul li .pic .hover{ background: rgba(0,0,0,.2); position: absolute; width: 368px; height:225px; top: -225px; transition: .3s;}
.Box .worth_pic ul li .title{ margin-left: 6px; width: 369px; color:#333333; height: 65px; line-height: 65px; background-color: #FFFFFF;  transition: .3s;text-align: center;}
.Box .worth_pic ul li .pic .hover img{ margin: 85px 156px;}
.Box .worth_pic ul li a {display: block; width:380px; height:322px;transition: .3s;}
.Box .worth_pic ul li a:hover .title{color: #00549d; transform:translateY(-20px);-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-o-transform:translateY(-20px);-ms-transform:translateY(-20px);  line-height: 85px; text-align: center;}
.Box .worth_pic ul li a:hover .pic .pro_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);-ms-transform: scale(1.1, 1.1);}
.Box .worth_pic ul li a:hover .hover{ display: block; top:0px; z-index: 5;}
.Box .worth_pic ul li a .pic .pro_img{ width: 368px; display:block; }
.home_more{ display: block;width: 156px; height: 51px; padding-left: 40px; margin-top: 50px; color: #FFFFFF; margin-left: 512px; background-color: #282828; }
.home_more .a{line-height: 51px; color: #FFFFFF; width: 86px; display: block; float: left;}
.home_more .b{ background: url(../image/home_more.png) no-repeat; width: 70px; height: 51px;  display: block;float: right; transition: .3s;}
.home_more .b img{ margin-top: 16px; margin-left: 30px;}
.home_more:hover .b{background: url(../image/home_more.png) no-repeat 70px; }
/*��ҳ���*/
.adv{ width:100%; background: url(../image/adv_pic.jpg) no-repeat center center; height: 336px; margin-top: 50px;}
.adv .font{width:640px; margin-left:420px; text-align: center; margin-top: 60px;}
.adv .font .a{font-size: 32px; color: #333333; line-height: 32px; font-weight: 600; }
.adv .font .b{font-size: 26px; color: #00468c; line-height: 26px; margin-top: 15px; font-weight: 500;}
.adv .font .c{font-size: 32px; color: #00468c; line-height: 32px; margin-top: 25px;}
.adv .font .c span{font-size: 16px; color: #666666; line-height: 32px;}
.adv .font .d{margin-left:150px;}
.adv .font .d a{ margin-top: 30px; display: block; float: left;font-size: 14px; color: #333333; line-height: 50px; width: 140px; height: 50px;  background-color: #FFFFFF; margin-right: 50px;transition: .3s;}
.adv .font .d a:hover{   background-color: #00549d; color: #FFFFFF; }
/*�Ĵ�����*/
.tongnuo{ background:url(http://www.gjsuye.net/template/pc/skin/images/tongnuo.jpg) no-repeat center center; width: 100%; height: 2086px;}
.tongnuo .title{ height:170px; color:#014785; text-align: center; margin-top: 120px;}
.tongnuo .title .a{font-size:50px; line-height:94px; font-weight: 600;}
.tongnuo .title .b{font-size:94px; line-height:94px; margin-left: 5px; font-weight: 600;}
.tongnuo .title .c{ background:url(http://www.gjsuye.net/template/pc/skin/images/tongnuo_ico.jpg); width: 834px; height: 46px; margin-top: 10px; margin-left: 183px;
 font-size: 20px; color: #FFFFFF; line-height: 46px; text-align: center; letter-spacing:15px; z-index: 3; }
.tongnuo .one{ height:382px; margin-top: 70px; width: 1185px; padding-right: 15px;}
.tongnuo .one .font{ margin-top:65px; }
.tongnuo .two{ height:380px; width: 1200px; margin-top: 40px;}
.tongnuo .two .font{ margin-top:60px; }
.tongnuo .three{ height:438px;  width: 1185px; padding-right: 15px; margin-top: 20px;}
.tongnuo .three .font{ margin-top:120px; }
.tongnuo .four{ height:442px;  width: 1200px; margin-top: 10px;}
.tongnuo .four .font{ margin-top:85px; }

.tongnuo .font{width:570px; height: 300px;}
.tongnuo .font .left{ width:71px; background: url(http://www.gjsuye.net/template/pc/skin/images/tongnuoico.png) no-repeat; font-size: 52px; color: #FFFFFF; height: 300px; float: left; line-height:95px; text-align: center;}
.tongnuo .font .right{ height:300px; width: 479px; float: left; margin-left: 20px;}
.tongnuo .font .right .a{font-size:40px; color: #333333; font-weight: 600; line-height: 40px;}
.tongnuo .font .right .b{font-size:30px; color: #0f518c;font-weight: 600; line-height: 30px; margin-top: 16px;}
.tongnuo .font .right .c{ margin-top: 40px;}
.tongnuo .font .right .c p{font-size:16px; color: #666666; line-height: 200%;}
.tongnuo .font .right .c p span{color: #f39700;}
.tongnuo .font .right .c p img{ margin-right:10px;}
/*��������*/
.about_us{ height:1100px; background: url(../image/us_back.jpg) no-repeat center center;}
.about_us .home_title{ margin-top:80px;}
.about_us .center{ height:550px; background: url(../image/about_back.png) no-repeat center 0px ; margin-top: 50px; position: relative;}
.about_us .center img{top:55px; float: left;  z-index: 2; position: absolute; }
.about_us .center .right{ width:630px; height: 445px; background-color: #014785; float: right; margin-top: 105px;}
.about_us .center .right .title{ font-size:20px; color: #FFFFFF; margin-left: 120px; line-height: 20px; margin-top: 40px;}
.about_us .center .right span{ display: block; margin-top: 20px; height:2px; width:90px; background-color: #f39700; margin-left: 120px;}
.about_us .center .right .font{color:#f3f8fb; line-height: 28px; height: 200px; width: 470px; margin-left: 120px; margin-top: 30px;}
.about_us .center .right a{ display:block; height: 50px; width: 140px; border: 1px solid #FFFFFF; margin-left: 120px; margin-top: 30px; text-align: center; line-height:50px; color: #FFFFFF; transition: .3s;}
.about_us .center .right a:hover{color: #014785; background-color:#FFFFFF;  }
.us_pic{ width:1200px; height:360px; margin-top:-46px; }
.us_pic .us_ul{  height:59px; width: 531px; z-index: 1000; position: relative;line-height:52px; margin-left: 35px; }
.us_pic .us_ul li{ float:left;width:117px; height: 59px; margin-right: 60px;text-align: center; line-height: 52px;  position: relative;z-index: 5; background: url(../image/us_pic.png) no-repeat;color: #FFFFFF; }
.us_pic .us_ul li.on{ color: #FFFFFF; cursor: pointer; background: url(../image/us_pic_h.png) ;}

.us_down{height: 212px;width:1200px;overflow:hidden; margin-top: 61px;}
.us_down .bd{ width:1150px; float: left; margin-left: 8px;}
.us_down .down_ul{ overflow:hidden;width:1150px; height: 216px; margin-left:8px; float: left;}
.us_down .down_ul{overflow:hidden; zoom:1;}
.us_down .down_ul li{ width:265px; height:216px; text-align: center; float:left; overflow:hidden;  margin-left: 10px; margin-right: 10px;}
.us_down .down_ul li a .pic{width:265px; height:166px; overflow: hidden;position: relative;}
.us_down .down_ul li .pic .hover{ background: rgba(0,0,0,.2); position: absolute; width: 265px; height:146px; top: -146px; transition: .3s;}
.us_down .down_ul li .pic .hover img{ margin: 50px auto;}
.us_down .down_ul img{display:block; }
.us_down .down_ul li .title{color:#333333; height: 46px; line-height: 46px; background-color: #f0f0f0;  transition: .3s; }
.us_down .down_ul li a{display: block; width:265px; height:212px;transition: .3s;background-color: #f0f0f0;}
.us_down .down_ul li a:hover .title{color: #00549d;transform:translateY(-20px);-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-o-transform:translateY(-20px);-ms-transform:translateY(-20px); line-height: 66px;}
.us_down .down_ul li a:hover .pic 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);-ms-transform: scale(1.1, 1.1);}
.us_down .down_ul li a:hover .hover{ display: block; top:0px; z-index: 5;}
.us_down .prev{ display:block; width:17px; height:35px; background:url(../image/hot_left.png) no-repeat; background-position:top; float: left; margin-top: 88px; float: left;}
.us_down .next{ display:block;width:17px; height:35px; background:url(../image/hot_right.png) no-repeat;     background-position:top; float: left; margin-top: 88px; float: right;}
.us_down .prev:hover{ background-position:bottom; }
.us_down .next:hover{ background-position:bottom; }
/*�ɹ�����*/
.case{ background: url(../image/case.jpg) no-repeat center center; height:875px;}
.case .case_z{overflow:visible; padding-top: 80px;}
.case .home_title .a,.case .home_title .b{ color: #FFFFFF;}
.case .case_banner{ margin-top:40px;height:490px;}
.case .case_banner .bd{  height:450px;}
.case .case_banner .case_ul{height:450px; width: 1245px; overflow: visible !important;}
.case .case_banner .case_li{height:450px; width: 1245px; padding-top: 10px;}
.case .case_banner .case_li ul li{ margin-right: 45px; float: left;width: 370px; height: 440px; transition: .3s;}
.case .case_banner .case_li ul li a{ display:block; width: 370px; height: 440px; background-color: #FFFFFF; transition: .3s; }
.case .case_banner .case_li ul li a .pic{width: 330px; height:220px; margin-left:20px; padding-top: 20px;}
.case .case_banner .case_li ul li a .pro_img{ position: relative;}
.case .case_banner .case_li ul li a .hover{ background: rgba(0,0,0,.2); position: absolute; width: 330px; height:220px; top: -240px; transition: .3s; margin-top: 20px; opacity: 0;}
.case .case_banner .case_li ul li a .hover img{ margin:82px  142px;}
.case .case_banner .case_li ul li a .title{ text-align:center; color: #333333; margin-top: 40px;}
.case .case_banner .case_li ul li a .title span{ font-size:16px; font-weight: 600;}
.case .case_banner .case_li ul li a .title div{ font-size:14px;}
.case .case_banner .case_li ul li:hover { box-shadow:4px 4px 10px rgba(127,127,127,.2); transform:translateY(-8px);-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);-o-transform:translateY(-8px);-ms-transform:translateY(-8px);}
.case .case_banner .case_li ul li:hover .hover{display: block; top:0px; z-index: 5; opacity: 1;}
.case .case_banner .case_li ul li:hover .title span{color:#014785;}
.case .case_banner .hd{ width:330px; height: 4px; margin-left: 450px; margin-top: 66px; }
.case .case_banner .hd ul li{ background-color:#e1e1e1; height: 4px; width: 80px; margin-right: 30px; float: left;}
.case .case_banner .hd ul li.on{background-color:#014785;}
.case .case_banner .hd ul li:hover{cursor:pointer;}
/*.case .case_banner .bd .tempWrap{overflow: visible !important;}*/
/*������Ѷ*/
.news{ background: url(../image/news_back.png) no-repeat center center; height: 728px; width: 100%; margin-top: 60px;}
.news .news_left{ float:left; height: 540px; width:780px; background-color: #f7f7f7; margin-top:60px; margin-right: 30px;}
.news .news_left .hd{ height:68px;}
.news .news_left .hd .one,.news .news_left .hd .two{font-size:16px; color:#666666; display: block; float: left; width: 145px; height: 68px; line-height: 68px; text-align: center; transition: .3s;}
.news .news_left .hd .three:hover{color: #00549d;}
.news .news_left .hd ul li a.on{ color:#FFFFFF;  background-color: #00549d;}
.news .news_left .hd .three{font-size:14px; color:#666666; display: block; float: right; width: 100px; height: 68px; line-height: 68px; text-align: center;}
.news .news_left .news_font{height:474px; width:780px; }
.news .news_left .news_font .pic{ height:153px; width:740px; margin-left: 20px; margin-top: 20px;}
.news .news_left .news_font .pic img{ float:left; margin-right: 30px;}
.news .news_left .news_font .pic .top{ font-size:16px; color:#666666;  line-height: 60px; height: 60px; }
.news .news_left .news_font .pic span{ display:block; font-size: 14px; color: #999999; line-height: 14px; height: 14px;}
.news .news_left .news_font .pic .down{height:64px; line-height: 32px; font-size: 14px; color: #666666; width: 710px; margin-top: 15px; }
.news .news_left .news_font .pic .down a{color:#0154bc;}
.news .news_left .news_font .pic .down a:hover{ color:#f39700}
.news .news_left .news_font ul { height:200px; width:740px; margin-left: 20px; margin-top: 45px; }
.news .news_left .news_font ul li{ width:740px; height:49px; border-bottom: 1px dashed #e1e1e1;  transition: .3s;}
.news .news_left .news_font ul li a{ display:block; width: 100%; height: 100%; line-height: 49px; font-size: 16px;}
.news .news_left .news_font ul li a .l{ float:left; color:#666666; max-height: 580px; overflow: hidden;background: url(../image/news_ico.png) no-repeat 0px center; padding-left: 10px; transition: .3s;}
.news .news_left .news_font ul li a .r{ float:right; color: #adadad;}
.news .news_left .news_font ul li a:hover .l{ color: #00549d;}
.news .news_left .news_font ul li:hover .l{ margin-left:5px;}
.news .news_right{ height:540px; width: 390px; float: left; background-color: #f7f7f7; margin-top:60px;}
.news .news_right .title{ height:68px;}
.news .news_right .title .one{font-size:16px; color:#666666; display: block; float: left; width: 145px; height: 68px; line-height: 68px; text-align: center;}
.news .news_right .title .on{ color:#FFFFFF;  background-color: #00549d;}
.news .news_right .title .three{font-size:14px; color:#666666; display: block; float: right; width: 100px; height: 68px; line-height: 68px; text-align: center;}
.news .news_right .title .three:hover{color: #00549d;}
.news .news_right .bd{margin-left: 20px; margin-top: 20px; }
.news .news_right ul{ height:405px; width: 350px; }
.news .news_right ul li{ height:109px;border-bottom: 1px dashed #e1e1e1; padding-top: 25px;}
.news .news_right ul li  p{ font-size:16px; color: #00549d;  height: 24px;}
.news .news_right ul li  p img{ float:left; margin-right: 5px;}
.news .news_right ul li  p span{ line-height: 24px;}
.news .news_right ul li .down{ height:56px; line-height: 28px; margin-top: 15px;}
.news .news_right ul li .down .a{ width:24px; height: 56px; float: left; margin-right: 5px; margin-top: 16px;}
.news .news_right ul li .down .b{width:320px; height: 56px; float: left; color:#666666;}
.news .news_right ul li .down .b a{color: #00549d;}
.news .news_right ul li:hover{ cursor:pointer;}
/*�������*/
.Partners{ height:540px; background-color: #f7f7f7;}
.Partners .home_title{ margin-top:60px;}

 

.home_partner_list{width:1200px; height:auto; overflow:hidden;margin:40px auto; position:relative;}

.home_partner_list .hd{ width:100%;height:80px;  overflow:hidden;  position:absolute; top:120px; }

.home_partner_list .hd .prev,.home_partner_list .hd .next{ display:block;  width:17px; height:35px;     overflow:hidden; cursor:pointer; position:absolute; z-index:9999999999 }
.home_partner_list .hd .prev{ background:url(../image/hot_left.png) no-repeat;left:0px;}
.home_partner_list .hd .next{ background:url(../image/hot_right.png) no-repeat; right:0px; }
.home_partner_list .hd .prev:hover,.home_partner_list .hd .next:hover{ background-position:bottom;}


.home_partner_list .bd{ width:1150px; height:auto;overflow:hidden; margin-left:40px; padding:10px; }
.home_partner_list .bd ul{  zoom:1;  float:left; _display:inline;  }

.home_partner_list  .bd ul li{width:226px; height:116px;padding:10px 0px;  text-align:center; line-height:100px; float:left;position:relative;z-index:1; cursor:pointer}

.home_partner_list  .bd ul li .cont1{width:204px; height:116px; line-height:98px; overflow:hidden;position:absolute;top:0px;left:0px;z-index:2;}  
.home_partner_list  .bd ul li .cont1 img,.home_partner_list  .bd ul li .cont2 img{ vertical-align:middle; width:204px; height:116px }
.home_partner_list  .bd ul li .cont2{width:204px; height:116px;  color:#FFF;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;position:absolute;top:0px;left:0px;z-index:1;transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);}  
.home_partner_list  .bd ul li:hover .cont1{transform:rotateY(180deg);z-index:1;alpha(opacity=0);-moz-opacity:0;opacity:0;-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);}
.home_partner_list  .bd ul li:hover .cont2{transform:rotateY(360deg);z-index:2;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(360deg);}  
.home_partner_list  .bd ul li:hover .cont2{z-index:2;}  
.home_partner_list  .bd ul li .cont1{transition:all .5s linear 10ms;} 
.home_partner_list  .bd ul li .cont2{transition:all .5s linear 10ms;} 
 


/*��������*/
.links{ height:60px; padding-top: 25px; padding-bottom: 25px; }
.links .left{ width:100px;}
.links .left .a{ width:78px; height: 18px; background-color: #00549d; border-radius: 3px; color: rgba(255,255,255,1.00); display: block; line-height: 18px; text-align: center;}
.links .left .b{width:100%; font-size:16px; color:#00549d; display: block; font-weight: 600;}
.links .right{ width:1100px; color:#666666;}
.links .right a{color:#666666;width:auto;line-height: 30px; }
.links .right a:hover{color:#00549d;}
.links .right span{ margin:0px 13px;}
/*�ײ�*/
.footer{background-color:#1a1e29; height: 300px;}
.footer .one{ width:270px; margin-top: 60px;}
.footer .one img{ display:block;}
.footer .one span{ display:block;font-size:30px; color: #f39700; background: url(../image/footer_ico.png)no-repeat 0px center; padding-left: 30px; margin-top: 20px; margin-bottom: 10px;}
.footer .one p{ color:#aeaeae; line-height: 28px;}
.footer .two{ width:390px; margin-left: 160px; margin-top: 60px;}
.footer .two .title{font-size: 16px; color: #efefef;}
.footer .two ul{ height:135px; width: 390px; margin-top: 20px;}
.footer .two ul li{ height:44px; width: 100px; margin-right: 30px; border-bottom: 1px solid #2b303c; transition: .3s; float:left;}
.footer .two ul li a{ display:block; width: 100%; height: 100%; color: #afafaf; line-height: 44px;}
.footer .two ul li:hover{border-bottom: 1px solid #FFFFFF;}
.footer .two ul li:hover a{ color:#FFFFFF;}
.footer .three{ width:270px; margin-left:110px; margin-top: 60px;}
.footer .three .title{font-size: 16px; color: #efefef;}
.footer .three .a,.footer .three .b{ height:auto; width: 102px; float: left;margin-right: 28px; margin-top: 30px; text-align: center; line-height: 40px; color: #afafaf;}

.footer_down{ height:70px; background-color: #11141b; line-height: 70px; text-align: center; color: #50545c;}
.footer_down a{color: #50545c; transition: .3s;}
.footer_down a:hover{ color:#afafaf;}
.footer_down .r{ margin-left:15px;}
/*�����б�*/
.news_banner{ background:url(../image/news_banner.jpg); height: 230px; width: 100%;}
.list_news{ height:auto; margin:0 auto; margin-top: 50px; overflow:hidden}
.list_news .left{ width:290px; float: left; margin-right: 30px; height: auto;}
.list_news .right{ width:880px;height:auto; float: right; display:inline; overflow:hidden}
.news_ul{ height:auto; overflow: hidden; width: 880px; overflow:hidden}
.news_ul li{ height:149px; border-bottom: 1px dashed #e3e3eb; transition: .3s;}
.news_ul li a{ heigt:149px;  width: 880px; display:block;}
.news_ul li a .font{ width:870px; height: 86px; padding: 32px 0px; transition: .3s;}
.news_ul li a .font .time{ width:86px; height: 86px; background-color: #f0f4f8; float: left; margin-right: 24px; text-align: center; color: #666666; transition: .3s; border-radius: 3px;}
.news_ul li a .font .time .a{ font-size:22px; line-height: 30px; display: block; margin-top: 14px;}
.news_ul li a .font .time .b{ font-size:16px; line-height: 16px; display: block; margin-top: 10px;}
.news_ul li a .font .con{height:86px; width: 760px; overflow: hidden;}
.news_ul li a .font .con .title{font-size:18px; color:#333333; line-height: 18px;}
.news_ul li a .font .con .f{ color:#999999; height:56px; line-height:28px; margin-top: 10px; }
.news_ul li a:hover .font .con .title{ color:#004785;}
.news_ul li a:hover .font .time{ color:#FFFFFF; background-color:#004785; }
.news_ul li a:hover .font { margin-left:5px;}
/*��������*/
.art_news{ height:auto; margin-top: 50px;}
.art_news .left{ width:290px; float: left; margin-right: 30px; height:auto;}
.art_news .right{ height:auto;width:870px; float: right;}
.art_news .right .content{ height:auto; width:870px;border-bottom: 1px dashed #e3e3eb; padding-bottom: 30px;}
.art_news .right .content h1{ text-align:center; line-height:50px; margin-top:20px;}
.art_news .right .content .b{ text-align:center; color:#999999; line-height: 28px; height:32px; border-bottom:1px dashed #ececec; margin-bottom:20px}
.art_news .right .content .c{ height:auto;color:#333333; line-height: 200%;  }
.page{font-size:14px; margin: 70px auto; color:#c1c1c1; width: 790px;}
.page a,.page .nolink{color:#666666; padding:8px 14px;text-decoration:none;transition: background-color .3s; border:1px solid #ddd;	margin:0px;}
.page .nolink{ color:#999999;}
.page .s{padding:8px 14px;}
.page .cur {padding:8px 14px;background-color:#00549d;   color:#FFF;   border:1px solid #00549d;}
.page a:hover {background-color: #00549d; color:#FFF;border:1px solid #00549d;}
.art_page{ height:100px; line-height: 100px;}
.art_page{color:#333333;}
.art_page a,.art_page span{color:#666666;}
.art_page a:hover{color:#00549d;}
.art_news .right .recom{ height:240px; margin: 30px auto 60px; width:100%; }
.art_news .right .recom .title{ height:44px;border-bottom: 1px dashed #e3e3eb; color:#333333; font-weight: 600; font-size: 18px; line-height: 44px; }
.art_news .right .recom .title span{ color:#f39700;}
.art_news .right .recom ul{ height:180px; margin-top: 15px;}
.art_news .right .recom ul li{ width:870px; line-height: 44px; border-bottom: 1px dashed #e3e3eb;  transition: .3s;}
.art_news .right .recom ul li a{ display: block; width:860px; height: 44px;}
.art_news .right .recom ul li .fl{ color:3333333; max-width: 780px;background: url(../image/news_ico.png) no-repeat 0px center; padding-left: 10px; transition: .3s;}
.art_news .right .recom ul li .fr{ color:#adadad;}
.art_news .right .recom ul li:hover .fl{color:#00549d;margin-left: 5px; }
/*product*/

.product_banner{height: 230px; width: 100%;overflow: hidden; background:url(../image/nybanner.jpg);  background-size: 100% 230px; } 

.product{overflow: hidden; margin-top: 50px; padding-bottom: 50px;}


.product_l{ width: 290px; float: left; overflow: hidden; }
.product_l .productl_top{height: 125px; font-size: 35px; text-align:center; line-height: 125px; color: #fff; background: url(../image/pt1.jpg); background-size: 288px 125px;}
.product_l .productl_top.xw{background: url(../image/pt5.jpg);}
.left_menu{width:288px; height: auto; border: 1px solid #004785; overflow: hidden;
           -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

.left_menu ul li{width: 288px;}

.left_menu ul li h3{ display: block; width: 288px; height: 59px; font-size: 16px; float: left; overflow: hidden; line-height: 59px; text-indent: 10px;
                     color: #666; border-bottom-style:solid; border-bottom-color:#dedede; border-width: 1px;}
.left_menu ul li h3 a{ float:left; width: 253px; height: 59px; }

.left_menu ul li a:link,.left_menu ul li a:visited{ color:#666;}
.left_menu ul li a:hover,.left_menu ul li a:active{ color:#358ad4;}


.left_menu ul li .ico{ width: 20px; height: 20px; float:right;background: url(../image/pt2.jpg) no-repeat 0 0;
                                           background-size: 20px 20px;cursor:pointer; margin:19px 10px 22px 0px}/*�۵�״̬*/
.left_menu ul li .ico{display: block;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;}
.left_menu ul li .ico.on{transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);}

/**�����˵�*/
.left_menu ul li ul{ display: none;height: auto;overflow: hidden;width: 288px}
.left_menu ul li ul:after{content: "";display: block;clear: both;height: 0;visibility: hidden;}
.left_menu ul li ul li {width: 144px; height: 59px; float: left; border-bottom-style:solid; border-bottom-color:#dedede; border-width: 1px;
	                    line-height: 60px; color: #666; background: url(../image/pt3.png) no-repeat 20px center; background-size: 6px 8px;
	                    text-indent: 30px;}



.productl_content{ width:288px; height: 25px; line-height: 25px; border-left-style:solid; border-color:#f39700; 
	                border-width: 2px; font-size: 20px; font-weight: bold; text-indent: 5px; margin-top: 40px;}

.productl_list{ width: 290px; height: auto; overflow: hidden; margin: 20px 0;}
.productl_list ul li{ font-size: 14px; padding: 5px; border: 1px solid #dedede; overflow: hidden; float: left; border-radius: 3px; margin:0 8px 8px 0;}
.productl_list ul li:hover{border-color:#004785; }
.productl_list ul li a{ color: #666;}
.productl_list ul li:hover a{ color: #004785;}

.productl_map{ width: 290px; overflow: hidden;}

.product_r{width: 870px; float: right; overflow:hidden;}
.productr_top{width: 870px; height:32px; border-bottom-style:solid; border-bottom-color:#dedede; border-width: 1px;}
.productr_top .productr_l{  float: left; height: 25px; line-height: 25px; font-weight: bold; font-size: 20px; background: url(../image/pt.jpg) no-repeat left center; text-indent: 20px;}
.productr_top .productr_r{ float: right; height: 25px; line-height: 25px; color: #666;}
.productr_top .productr_r a{ color: #666;}
.productr_top .productr_r a:hover{ color:#F60}
.productr_top .productr_r span{ color: #999;}

.productr_list{width:870px; overflow: hidden;}
.productr_list ul{width:920px; overflow: hidden;}
.productr_list ul li{width:272px; float: left; margin: 30px 22px 10px 0; overflow: hidden; border: 1px solid #eeeeee;}

.productr_list ul li a{display:inline-block; width:272px; color: #666;}

.productr_list ul li .imgs{position:relative;display:block; width:274px;height:184px; overflow:hidden;}

.productr_list ul li .imgs img{width:274px; transition:all .6s ease 0s;}
.productr_list ul li:hover .imgs img{transform:scale(1.2);}

.productr_list ul li .imgs .cover{position:absolute;top:0;width:274px;height:184px;
                                  background:rgba(0,0,0,.20) url(../image/hot_ico.png) no-repeat center center ;
						          filter:alpha(opacity=0);
                                  opacity:0;transition:all .3s ease 0s; overflow:hidden; }

.productr_list ul li:hover .cover{filter:alpha(opacity=100);opacity:1;}
.productr_list ul li a span{display: block; text-align:center; font-size: 16px; width:274px; height: 30px; line-height: 30px; margin: 12px 0;}
.productr_list ul li:hover span{color: #2470b2;}
.productr_list ul li:hover{-moz-box-shadow:1px -1px 20px #d0d0d0; -webkit-box-shadow:1px -1px 20px #d0d0d0; box-shadow:1px -1px 20px #d0d0d0;}

/*product-content*/
.p_lists{width: 870px; overflow: hidden; margin: 20px 0;}
.p_lists .plistsl{ width: 432px; height: 290px; float: left;}
.p_lists .plistsr{ width: 410px; height: 290px; float: right;}
.p_lists .plistsr .plistsr_t{ width: 410px; height: 60px; font-size: 20px; border-bottom-style:dashed; border-bottom-color:#dedede; border-width: 1px;}
.p_lists .plistsr .plistsr_c{ width: 410px; height: 130px; overflow: hidden; font-size: 15px; color: #7a7a7a; padding: 20px 0; }
.p_lists .plistsr .plistsr_b{ width: 122px; height: 60px; background: url(../image/pt20.png) no-repeat; text-align: center; line-height: 55px; font-size: 16px;}
.p_lists .plistsr .plistsr_b a{ color: #fff; display: block; width: 122px; height: 60px;}

.p_details{ width: 870px; height: 20px;text-indent: 5px;  line-height: 20px; margin-bottom: 10px;
	       border-left-style:solid; border-left-color:#f39700; border-width: 2px;  font-size: 16px; font-weight: bold; }
.p_details h3{ display: block; width: 870px; height: 35px;
               border-bottom-style:dashed; border-bottom-color:#dedede; border-width: 1px;}

.p_wenben{ width: 870px; overflow: hidden; padding: 30px 0; line-height: 30px;  
	     border-bottom-style:dashed; border-bottom-color:#dedede; border-width: 1px; font-size: 15px; color: #747474;}

.p_a{ width: 870px; overflow: hidden; margin: 20px 0 30px 0;}
.p_a .p_al{float: left; background: url(../image/pt33.png) no-repeat left center; background-size: 7px 10px; text-indent: 10px;}
.p_a .p_al a{ color: #666;}
.p_a .p_al a:hover{color: #004785;}
.p_a .p_ar{float:right;background: url(../image/pt33.png) no-repeat left center; background-size: 7px 10px; text-indent: 10px;}
.p_a .p_ar span{ color: #999;}

.productr_bott{width:870px; overflow: hidden;}
.productr_bott ul{width:920px; overflow: hidden;}
.productr_bott ul li{width:272px; float: left; margin: 30px 22px 10px 0; overflow: hidden; border: 1px solid #eeeeee;}

.productr_bott ul li a{display:inline-block; width:272px; color: #666;}

.productr_bott ul li .imgs{position:relative;display:block; width:274px;height:184px; overflow:hidden;}

.productr_bott ul li a span{display: block; text-align:center; font-size: 16px; width:274px; height: 30px; line-height: 30px; margin: 12px 0;}
.productr_bott ul li:hover span{color: #2470b2;}
.productr_bott ul li:hover{-moz-box-shadow:1px -1px 20px #d0d0d0; -webkit-box-shadow:1px -1px 20px #d0d0d0; box-shadow:1px -1px 20px #d0d0d0;}

.hot .right .top .b input.yys_hei {
    color: #000;
}